Layer5 Navbar is Fixed Now

[Dungeon-Masterji]

Description

This PR fixes #6285

Notes for Reviewers

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 759386a at: https://67cd9f02e67f894800ec9efb--layer5.netlify.app

[falgunmpatel]

@Dungeon-Masterji
You may notice that, the content is getting hidden behind the navbar. Adding a margin might fix it, but we can't determine the exact value that would work best across different screen sizes and layouts.

A better solution is to use position: sticky;. This ensures that the element stays positioned correctly relative to the viewport without overlapping the navbar, while still allowing it to scroll naturally with the page when needed. This way, the content automatically adjusts and remains visible without requiring hardcoded margins.

Let me know if you need any further clarifications.

Thanks!

[falgunmpatel]

Suggested change

[falgunmpatel]

Noticed an extra blank line—keeping changes minimal helps reviewers focus on the key updates. Would you mind removing it? Appreciate your efforts! 😊

[Dungeon-Masterji]

Thanks for pointing that out! I've made the change. Your attention to detail is super helpful! 👍

[falgunmpatel]

Suggested change

	position: fixed;
	position: sticky;

[Dungeon-Masterji]

Thanks for the suggestion! I've replaced position: fixed with position: sticky as you recommended. Initially, I had tried using sticky earlier, but didn't notice any difference. However,navbar re-implementing it, I see that it's working as expected now. The element stays positioned correctly relative to the viewport, without overlapping the navbar, and scrolls naturally with the page. This solution is definitely more elegant and flexible than hardcoding margins. Appreciate your guidance!

[l5io]

🚀 Preview for commit d054390 at: https://67cde0a7f36b0428e8cc1d4c--layer5.netlify.app