Menu looks fine in design UI, but when published it seems the overflow property is not obeying the width parameters I set. Any ideas?
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:
- Set the same minimum width used on the
Nav Menu 2for the Navbar:
- Set the Container left margin to
0so that the menu icon stays aligned to the left:
Here is a GIF with the result. Hope this helps!