Mobile nav is cut off

Design help General
1

Hi guys,

I’ve got a problem on this page:
http://blank-site1433234179406.webflow.io/

The toggle nav bar of tablet and smartphone media query don’t work correctly. I tried to set the width of the nav-links to auto and also put a px number but in both versions half of the links are cut off.

381×704 309 KB

Can anybody please help me fixing that? :smile:

Best regards,

2

Hey @Hause Just change the width of the list container to auto or to a fixed pixel width :slight_smile: that should do it. Let me know if you need any help.

Thanks,
@Waldo_Broodryk

3

Dear Waldo_Broodryk,

thank you, but it still does not work :frowning:
I tried it with auto and fixed px width. I wonder why it’s shown correctly in the webflow panel but not on the uploaded page:

822×438 136 KB

Best regards,

4

Very odd. Can you send a preview link so I can take a look at it please?

Here’s how to do that:

5

Thank you, here’s the preview link:
https://preview.webflow.com/preview/blank-site1433234179406?preview=82a1039100684949a9dfa1a35e6347d2

6

I just found out that the width of the list-container-navbar is limited by the menu-button field (where I placed the three lines and MENU) . How is that possible? These two things shouldn’t have to do something together concerning width, should they?

7

Does anybody have an idea how to fix that? :frowning:

8

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.