Menu is out of the body in mobile

Design help General
1

Having some trouble in responsive mode. Any idea how can I solve this problem?

Thank you in advance

\

2

Hi

Share your read only link. here is how

3

Thank you for reply. Here is view of project.

4

Hi,

You can do a ‘quick solve’ by selecting your ‘menu-header’ class and setting the overflow to ‘scroll’. This allows the user to scroll across the navigation bar when it overflows the viewport.

46
46478×1350 51.6 KB

This isn’t the best option, however. For usability, I would recommend creating a custom mobile menu. Have a watch of this demo, it’ll give you an idea of how to go about this if you’re not sure.

5

Hi

Basically you need to prepare your site for each screen size (desktop, tablet, wide, portrait)

Take A look at this tutorial about responsive
Try to use Webflow built-in components - Navbar for example instead of the hand made links at the top of the page.

6

Thank you guys for helping. I tried overflow option for now but need to make another responsive menu later.