Hi Lenschi,
At the moment you have the top level menu item padding set to 5px 5px 28px 5px. First remove the top and bottom padding for that (set it back to 0px).
Then set the Menu Height to 50px. This is what will “push” the sub menus down lower.
Then in your custom CSS you’ll need to add the following 2 lines to the css you have that applies the orange border to your active menu item:
height: 27px;
line-height: 27px;
Regards,
Tom
Hello Tom,
but, if a menu point active the distance is a other and go back to 0px.
Can you have a look.
Thanks
Lenschi
Hi Lenschi,
Ok, looks like we’ll need to try something else. Normally you’re not ‘allowed’ a gap between the menu items and sub menu, but as you have the event set to “click” we should be able to get away with it.
Please remove the height and line height from your custom CSS, then set the menu height back to 27px. Then try this custom CSS:
#mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] > li.mega-menu-item > ul.mega-sub-menu {
margin-top: 20px !important;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
margin-top: 10px !important;
}
Regards,
Tom
Hello Tom,
Perfect, it works. Hover Intent to.
Best Regards,
Lenschi
