[UI] Navbar is not closing on click getting started in mobile view

[amitamrutiya]

Description

In mobile view, when we click on "Getting Started," the navbar menu does not close.

Expected Behavior

In mobile view, the navbar should close when "Getting Started" is clicked.

Screenshots

Environment:

• OS: Mac Linux Windows
• Browser: Chrome Safari Firefox
• Version:
• Device: Desktop Mobile

---

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[hymmns]

Hi @amitamrutiya, could this be assigned to me. Would like to work on it

[agamjotpanesar]

Hi @amitamrutiya
I want to work on this issue. Can you please assign it to me.

[amitamrutiya]

@agamjotpanesar Thanks for showing interest in solving this issue. We are assigning tasks in chronological order, so you can find a different issue to work on.

@hymmns, you're good to go—let's make this happen!

[porobertdev]

I managed to fix it with vanilla JS while testing in DevTools.

Tip

The `display` of the navbar's ul needs to be set to _none_ once the _Getting Started_ li is clicked_.

Hope it helps :)

Please let me know if my behavior is ok. It's the first time I do this, and I thought it's ok as a tip since someone else has been already assigned. Thank you!

[hymmns]

@porobertdev Thanks for the input.

[hymmns]

@amitamrutiya Please let me know if this fixes the issue or if there's any other comment kindly drop.

[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.