Hiya, Im using the paid header Evara and im using the “mega menu” but for some reason it only opens like this a drop down and i dont like this at all. I’ve tried to edit code and all sorts but no matter what i do i cant change it so its the full width of the screen (like a mega menu is suppost to be) can anyone help me with this, thanks in advanced!
can you share the link for your store and also the reference for the theme you’re using?
Hello @Jonny.Chambers2394 ,
I hope you are well!
Can you please confirm if you are using any app or custom code? Also, can you please confirm what does mega menu means?
Greetings Jonny
I’ve worked with the Evara theme before, and what you’re describing happens because the “Mega Menu” container isn’t being called at the full-width wrapper level, it’s likely nested inside the header container (which limits the width).
You can usually fix it by moving the mega menu container <div> outside the .header__inner or by setting it to position: absolute; left: 0; right: 0; width: 100%; and giving it a higher z-index. But it depends on how the theme developer structured it.
If you’d like, I can take a quick look at your theme’s header code and help you adjust it so the dropdown displays full width across the screen (like a true mega menu). Sometimes it’s just a 2–3 line tweak once we see the structure.
Did you try opening your store admin > Sales channels > Online Store > Themes > Customize > Header, check if there is an option to select a dropdown or a mega menu in the Header settings?
I managed to make the code and work it out how i like it!
Untitled file — Codefile heres the code for anyone else experiencing the issue!