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;
}