Hi there,
At http://kriesi.at/themes/enfold/ I see a beautiful example of the mega menu without titles when I hover over shortcodes.
However, when I create my own mega menu at ferdykorpmedia.com I get a totally different result. I tried to fix it with CSS but with no result. I even tried the mega menu with short titles on a different website with the Enfold theme. There I also got a weird padding. Not the same as at http://kriesi.at/themes/enfold/.
Could anybody offer me a solution?
Hi again,
I kind of found a solution. It has to do with the custom height of my header area. It is 82 pixels. If I put it on large or slim the menu appears fine. So my next question is: How can I have a header with a custom height and still have the mega menu to appear normal?
Hi ferdykorpmedia,
Not sure I understand your last question. Could you make a mockup of what you’re trying to achieve or explain it a bit more?
Best regards,
Victoria
Hi Victoria,
I made a video to explain it to you :)
http://ferdykorpershoek.com/MegaMenu.mov
Kind Regards,
Ferdy Korpershoek
Hi,
Please update the theme to the latest version 4.0.7. This version contains a fix for the mega menu and the custom header height issue. Or add this code in the Quick CSS field to fix the issue temporarily.
#top .av_custom #header_main > .container .main_menu ul:first-child .avia_mega_div .sub-menu > li > a {
height: auto !important;
line-height: 23px !important;
}
Best regards,
Ismael