Mega menu problem

Hey marketingnr1,

Please try the following in Quick CSS under Enfold->General Styling:

.avia_mega_div .mega_menu_title {
  font-size:10px !important;
}

Best regards,
Rikard

Hi,

I’m not sure I understand your question, do you mean the actual links in the mega menu maybe?

Best regards,
Rikard

Hi,

Thanks for the clarification, please try this CSS to target the actual links in the mega menu:

.avia_mega_div .sub-menu li a .avia-menu-text {
  font-size:10px !important;
}

Best regards,
Rikard

Hi,

You could try adjusting the padding of the links, this is the default CSS:

.avia_mega_div > .sub-menu > li > ul > li a {
    padding: 3px 12px 3px 12px;
}

Simply try to reduce those values a bit to see if that helps.

Best regards,
Rikard

Hi,

Thank you for the update.

Looks like you enabled the Performance > File Compression settings. Please disable it temporarily then add the css code again.

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
    padding: 0 12px 0 12px;
    line-height: 16px;
}

Best regards,
Ismael