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

Screen.Recording.2024-05-18.at.4.48.28.PM.mov

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.

video.issue.mp4

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