-
Posts
-
Hej,
When you hover over the “SHOP” link on the main menu you will see that we have a mega menu (5 columns wide). It works perfectly except when you are on a shop category and you hover over the “SHOP” link. You will see that the first column on the left is not visible.
“Main Site” link that demonstrates how the mega menu works normally
“Shop Category” link that demonstrates how the mega menu is re-positioned
It looks like the left sidebar on the shop is effecting the placement of the mega menu and we don’t know how to fix this.
Could you genius’ help us please?
Kind regards,
AnnemarieHey Annemarie,
Thanks for the links but the shop mega menu looked the same to me on both pages, it was off the screen to the left, it looks like you are using some custom css on the mega menu but try this css:#header .avia_mega_div { right: -1000%; }Best regards,
MikeHi Mike, that worked perfectly, thank you so much!!
Related to that, it does not work for my tablet which ideally I would love to show a burger menu instead. Apparently the tablet iPad OS version 17.4.1 (7th generation) screen size is 10.2 inches (which I understand converts to 979.2 pixels).
In my Enfold header I have set the settings to “Activate for smartphones and tablets for browser width below 990px” but it doesn’t apply itself to my tablet.
Would love it if you could help with this because otherwise the menu cannot be seen on this tablet size.
Kind regards,
AnnemarieHi,
Try checking your iPad screen resolution at this link and tell us what the width is.
It might be something like 1024px in which case if you want to make the burger menu show at that width try this css:@media only screen and (max-width: 1024px) { #top #header .av-main-nav > li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } }Feel free to adjust to suit.
Best regards,
Mike
- You must be logged in to reply to this topic.