Fixed position on dropdown menu list not going full width sometimes

Steps to reproduce:
Create a menu with a dropdown.
Set the dropdown menu list to position:fixed; width:100vw; left:0; right:0;

It works great until you resize the browser and toggle the mobile menu.

the bug is that webflow is adding an inline style to nav elements that doesn’t get removed:
transform: translateY(0px) translateX(0px);

for some reason, when this is applied the menu will look like this:

instead of being full width.

Only way i’ve found to override is with custom css:
.w-nav-menu { transform: inherit!important; }

This worked. Thanks for the help!

1 Like

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