Streaming live at 10am (PST)

Overflow bug on menu dropdown


#1

Menu looks fine in design UI, but when published it seems the overflow property is not obeying the width parameters I set. Any ideas?


Here is my site Read-Only: http://portal-demo.webflow.io/
(how to share your site Read-Only link)


#2

Hi @dalycreativem

looks like you have a minimum width of 320px defined to the Nav Menu 2 - Since you are using Flexbox and your Navbar element is set to shrink if needed, these settings will overwrite the Nav Menu 2 styles.

To prevent this issue, you can do the following:

  1. Set the same minimum width used on the Nav Menu 2 for the Navbar:

  1. Set the Container left margin to 0 so that the menu icon stays aligned to the left:

Here is a GIF with the result. Hope this helps! :slight_smile: