Tagged: Cart, CSS, jQuery, mega menu, positioning
Hi guys. We have a mega menu in our nav (called ‘Collections’) which is positioned perfectly. However, when an item is added to the basket and the cart icon appears, the mega menu is shifted over to the right. Can you help us fix it?
Thanks!
Hey tocal,
Your web site is really good as an example also, congratulations on the design!
It does require some extra speed, you should take that in consideration.
Regarding the cart, we would need to move the position of the cart, so it can go full width the menu
Best regards,
Basilis
Thanks Basilis. How would we do that?
RE: speed, becuase the site is still in development, we haven’t added our optimisations yet.
Hi,
Please add this code in the Quick CSS field.
.html_visible_cart.html_stretched.html_header_top.html_header_stretch .main_menu {
right: 0;
}
.html_header_top #top .av_header_stretch #header_main_alternate .container {
width: 100%;
padding: 0;
max-width: 100%;
}
This is going to adjust the menu container width which is where the mega menu inherits its width.
Best regards,
Ismael
Sorry Ismael but this does the opposite of what is required. We want the mega menu to be centralised as it is without any items in the cart. This left aligns the menu even when the cart is empty.