This topic has 4 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler
I want to fix the mega menu dropdown in the center for all main menu. Currently the mega menu is not center for all menu.
For example:
https://prnt.sc/qkacba
Hello,
Try to use the next custom CSS code:
.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;
}
Regards
Thanks you
You’re welcome!
Regards
You must be logged in to reply to this topic.Log in/Sign up