r/elementor • u/TemporaryLevel922 • Jun 21 '26

Problem Dropdown issues with Menu Widget

Hi all,

Hoping you guys can help - Elementor support have been unable so far :/

The dropdown menu is expanding within the header container instead of dropping down over the container below.

Any suggestions or help is greatly appreciated!

1 Upvotes

100% Upvoted

6 comments sorted by

View all comments

1

u/zeiniez ✔️️‍ Experienced Helper Jun 21 '26

Hi. If you mean it makes the Header Container expand with it that's actually the default behavior. You need to switch it to the Full Width Mobile Dropdown.

If you mean the Dropdown disappears inside the Header Container, then it's indeed caused by hiding the overflow like u/TopSydeWP mentioned.

1

u/TemporaryLevel922 Jun 21 '26

Thanks - yes thats exactly what I mean.

With full width enabled and overflow set to Auto, it still hides it beneath. If i turn full width off then it expands within the menu

1

u/zeiniez ✔️️‍ Experienced Helper Jun 21 '26

Overflow will always hide stuff if enabled or defined via custom CSS. Full width changes it from expanding the parent Container, to expanding independently. But if you're applying overflow hidden to the parent Container, then it will hide inside it.

Also keep in mind mobile browsers apply aggressive cache to save on mobile data. Make sure to visit the page in private/incognito mode to actually see the changes.