Horizontally scrolling due to message-header and extra spacing.

[Muhammed-Moinuddin]

Description

Meshery website has spacing and scrolling issue, most probably due to new message header.

Expected Behavior

There should be no extra spacing and scrolling in any of the screen sizes.

Screenshots

https://github.com/meshery/meshery.io/assets/54661456/474eb834-77bf-40ed-8a4c-97bd6b50f81a

Enviroment:

• OS: Linux (Ubuntu)
• Browser: Chrome
• Version: Ubuntu 22.04.4 LTS
• Device: Desktop Mobile

Note:

I would like to work on this issue. Thanks.

---

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

[ashutosh-rath02]

Hey @Muhammed-Moinuddin quick headsup!! This is causing the overflow, you can check even for mobile screens.

[ShivamAhir]

@leecalcote I would like to work on this. can you please assign this to me

[Muhammed-Moinuddin]

Hey @Muhammed-Moinuddin quick headsup!! This is causing the overflow, you can check even for mobile screens.

Noted. I'll check it out

[Muhammed-Moinuddin]

I've started working on it. Kindly assign it to me.

[iArchitSharma]

@Muhammed-Moinuddin there you go

[iArchitSharma]

@ShivamAhir Since issues are assigned in chronological order, we have some other open issues that you can take on.

[stale[bot]]

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.

[stale[bot]]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.