Navbar mobile menu not using full screen

I have a custom menu for my site. The thing is that, on mobile, the menu doesn’t fills the whole screen, like not touching the specific div of the navbar. I think I kind of messed things up a bit and that’s why it looks like that, but I don’t know how to solve it.


Here is my site Read-Only: https://zenus-dev.webflow.io/
(how to share your site Read-Only link)

1 Like

Hello @Oscar_A_Montiel

Can you share your read-only link so I can take a look?

Piter :webflow_heart:

1 Like

Sure! Thanks

https://preview.webflow.com/preview/zenus-dev?utm_source=zenus-dev&preview=3da8b03efaf0d1ad7fa026e9f8882b10

One thing I’m kind of sure is that Webflow adds something that makes it look like that after the export.

1 Like

Hm first try and I can’t find the problem. Usually I don’t use the navbar element. I like to create everything from scratch. Let me dig more.

Thanks for your time.

I know it’s something that I moved or something. Now that you said it, I think it might be ideal to actually do it from scratch too, but because time, I need to solve it soon.

I was unable to find a cause of this too, which is embarrassing! Even being fixed and covering full screen the container wouldn’t want to behave properly. This has something to do with default wf styles for the menu element of course. I also always create my own navigation so can’t think of anything right now to fight the default dropdown.

1 Like

Yeah, I’m kind of new to Webflow, so I’m still earning the do’s and don’ts.

Solved it by completely creating one from scratch. Thanks very much!

2 Likes

Happy to hear! :webflow_heart:

1 Like