feat: Navbar appears behind Tutorial and Learn More buttons when scrolling

[PruthviGBhat]

Current Behavior

When scrolling down the page, the buttons in the ResourcesSection component (Tutorial and Learn More buttons) appear on top of the Navigation bar instead of underneath it.

Desired Behavior

The navbar should remain on top of all page content when scrolling.

Implementation

Add z-index property to the navbar in Navigation.styles file to ensure it stays above other page content.

---

Contributor Guides and Handbook

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[Nishika10]

Hi @PruthviGBhat , I have created a PR to fix this issue: #272 . The navbar now stays above the page content when scrolling.

[Katotodan]

Hi, I would like to work on this. Can you assign it to me?

[YadavAkhileshh]

@saurabhraghuvanshii Is this issue still open? If so, please assign it to me and I’ll fix it.

[saurabhraghuvanshii]

@Nishika10 can you confirm if this issue is still present or not because you have Pr. Thanks @YadavAkhileshh I'll wait response from @Nishika10 he has already opened Pr.

[saurabhraghuvanshii]

@Nishika10 are you able to work on this further

[Nishika10]

Hi @saurabhraghuvanshii
Yes, I’ve already addressed this issue in PR #272 by updating the navbar z-index.
The navbar now stays above all page content during scrolling.
Please let me know if any further changes are needed. Thanks!

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.