Streaming live at 10am (PST)

Fixed position on dropdown menu list not going full width sometimes


#1

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;
}


#2

This worked. Thanks for the help!


#3

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