Hello.
I’m trying to use Avia Editor for the megamenu but I’m struggling.
What I’d like to improve is:
– Reduce space between dropdown menu categories
– Make the bold font smaller and remove bold
Many thanks,
znong51
Hey znong51,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header .mega_menu_title a {
font-size: 15px;
font-weight: initial;
}
#top #header .avia_mega_div > .sub-menu {
padding-top: 0px;
padding-bottom: 0px;
}
Best regards,
Jordan
I’ve tried the code, it doesn’t have appeared to changed much. The dropdown options are still in bold font and spaced out.
Hi,
Could you please provide a login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.
Best regards,
Jordan
Hi, I have now provided the details. Thanks.
Hi,
Thanks for the info!
Please also add the following code:
.sub-menu.avia_mega_hr {
padding-top: 0px !important;
}
Also the text is no longer bold. Please try clearing your browser’s cache and refreshing the page.
Best regards,
Jordan
Thanks, you’ve solved the problem.
Hi,
Glad we could help! To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay