[Website] Responsive issue with main menu at 1138px

[leecalcote]

Description

Please notice the unwanted behavior that occurs in-between the desktop and mobile-style menus. There is a transition starting at about 1138px that renders the menu unusable.

https://github.com/meshery/meshery.io/assets/7570704/cbb37951-555e-490a-b5dc-041121d04ab6

Expected Behavior

The menu should always be in a usable state.

---

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

[Aryakoste]

Hello @leecalcote I would like to work on this issue.

[shailpujan88]

Hello @leecalcote I am not able to replicate this issue and can you please confirm if it is not device device-specific issue? Please find the attached screenshot and screen recording for some reference.

https://github.com/meshery/meshery.io/assets/114280481/7234ba0a-0cb2-4596-953f-2ed3f67025ac

[Aryakoste]

yeah i am also not able to replicate this issue. I tested on my device the menu occurence occurs at 1141px and the menu works fine on that. Below that hamburger icon is available.

[26vanshika]

Hey I would like to work upon this issue @leecalcote

[sudhanshutech]

hey @26vanshika let's do it

[leecalcote]

Please note that this issue only occurs in Safari. Access to macOS is necessary in order to test.