Overflow bug on menu dropdown

Design help General
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:

33%20PM
33%20PM1433×731 299 KB

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

38%20PM
38%20PM1436×727 272 KB

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

3

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