Streaming live at 10am (PST)

Mobile nav is cut off


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

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 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:

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.