Reply 297179 to: Add to cart issues

Avatar: nate p
nate p
Participant
July 31, 2021 at 23:08

Also cannot center menus on screen, they always show to the right or the left of the dropdown. Megamenus should be centered on the screen. Is there anyway to accomplish this? I created a block full screen, and had to stretch with JS in Elementor to get it full width. Then it shows off to the right or left when you are looking at the store menu. I tried this which sets it better but still not centered:

.menu-static-block.nav-sublist-dropdown {
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    animation: et-fadeIn .3s ease !important;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.item-design-mega-menu {
    position: static;
}
.item-design-mega-menu:hover .menu-static-block.nav-sublist-dropdown {
    opacity: 1;
    visibility: visible;
}
Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.