Adjusting font size in mega menu

Hi,
I’d like to decrease the transparency and increase the size of my mega menu. I can’t work out where on settings it goes. I see that there is CSS on the header, that I presume has carried through the settings on the pro mega menu, but I tried changing the value of the font on there and it didn’t work either.
Thanks

Hi Jane,

Thank you for writing in, but sorry I can not view your site please see secure note. In the meantime, please add this to Theme Options > CSS

.desktop .sub-menu a {
    font-size: 16px;
}

Feel free to adjust the 16px value.

Let us know how it goes,
Cheers!

Thanks, I forgot to grant you superadmin status when I set it up - have corrected this. Any suggestions re transparency?

Hi Jane,

Thanks, so you’re using a UberMenu (not mega menu), please navigate to Appearance > UberMenu > Style Customizations and find the submenu background color and Normal Items Font Size.

Cheers!

1 Like

Thanks Friech for that reference and correction. I tried changing the background colours all to white and putting opacity at 1 but the submenu remains transparent. On the link you sent me I found this css reference: .ubermenu .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop{
background:rgba(240,240,240,1);
} but this just makes the background grey, and still transparent. What am I missing?
Thank you

Hi,

Please remove your css code then do the following.

  1. Set z-index of your first bar to a higher number

  1. Change ubermenu background under Appearance > Ubermenu > Style Customization

Hope that helps

1 Like

Thank you!

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.