Megamenu not resizing properly after viewing it in Tablet

[Tanc-Designer (Tanc)]

Hi Everyone

I built a mega menu trying to adopt the standard Webflow Nav Component. At Desktop & Tablet breakpoints its fine. However if I go back to desktop from tablet, the (absolute positioned) dropdown that is set to open at 100%/vw width, only opens up by the width of its parent Nav Menu container. However this container is set as static and yet its acting as though its reset itself as a relatively positioned element… Any suggestions? Under the hood JavaScript maybe? Its got me flummoxed… Help! Cheers

My Preview link

https://preview.webflow.com/preview/templa-699a7f?utm_medium=preview_link&utm_source=dashboard&utm_content=templa-699a7f&preview=6e8ea231bbd2ea41678562a0e4f395ee&workflow=preview

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[gb_design (george and burn)]

Hey, I had a similar problem with my dropdown element and found a solution that could help. For my it fixed the issue :)

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: [image] instead of being full width. Only way i’ve found to override is with custom cs…

[Tanc-Designer (Tanc)]

Thanks for that. It worked!

[alexdixon]

Also, try adding this CSS:

.w-nav-menu { transform: inherit!important; }

[Andres_U (Andres Ulmer)]

My problem was a second interaction which triggered the same elements… so check your Trigger settings for Desktop, Tablet and Phone as well.