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