Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 3, 2015 at 1:34 pm #438506
    shoo

    Hi,
    Is it possible to reduce the font size of the “mega menu”? I have a particular menu that has a lot of sub-menus so I like how it can be displayed as a menu with columns, but I prefer the font to be exactly the same as a non-mega menu.

    Thanks.

    May 4, 2015 at 6:45 pm #439189
    Yigit

    Hey shoo!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_mega_div * { font-size: 12px !important; }

    If that does not help, please post the link to your website

    Best regards,
    Yigit

    May 5, 2015 at 12:33 pm #439660
    shoo

    Hi Yigit, that worked perfectly at reducing the size of the font. But unfortunately the menu boxes is still very big and taking up a lot of space. Is there a way to minimize the size of the boxes?

    Here’s a link to my site: https://vipoffers.club/ (The menu in question is the “Categories” menu)

    Thanks!

    May 6, 2015 at 5:57 am #440113
    Rikard

    Hey!

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

    .avia_mega6 ul.sub-menu {
padding: 5px 5px 5px !important;
}

.avia_mega6 ul.avia_mega_hr{
padding-top: 0px !important;
}

    Best regards,
    Rikard

    • This reply was modified 9 years, 6 months ago by Rikard.
    May 6, 2015 at 2:56 pm #440338
    shoo

    Hi Rikard, thanks for your reply. Is it possible to make the text not ‘bold’ and reduce the size of the font further? So it’s similar to my other drop down menus. Other than that, it is getting very close to what I would like to achieve. Thanks!

    May 7, 2015 at 7:49 am #440785
    Rikard

    Hi!

    Please try the following as well:

    #header .mega_menu_title {
  font-size: 12px !important;
  font-weight: 500 !important;
}

    Cheers!
    Rikard

    May 7, 2015 at 1:57 pm #440912
    shoo

    Hi Rikard, thanks for you help thus far, you don’t know how much I appreciate it. But unfortunately I’m still having trouble reducing the size of the font. It looks a lot better after add the latest code you’ve give me, but for some reason I can’t reduce the font any smaller. I’m tried editing the numbers for the font-size and font-weight, but for reason it made no difference at all.

    I’ve provided a comparison pic of what I would like to font size to look like. Thanks again.
    Image: http://postimg.org/image/72cxro6kz/

    May 9, 2015 at 7:25 am #441899
    Ismael

    Hey!

    Replace the code with this:

    #top #header .mega_menu_title a {
  font-size: 12px !important;
  line-height: .8em !important;
  min-height: 15px;
}

    Regards,
    Ismael

    May 9, 2015 at 6:50 pm #441980
    shoo

    Hi Ismael, you’re awesome!

    I just need one last step now, is it possible to make the text not bold?

    This is what it currently looks like: http://postimg.org/image/cyabg5ph1/

    May 11, 2015 at 5:37 am #442202
    Rikard

    Hey!

    Please try adding this again, I can’t see the style being applied: 

    #header .mega_menu_title {
  font-weight: 500 !important;
}

    Best regards,
    Rikard

    May 13, 2015 at 12:17 pm #443693
    shoo

    Thanks Rikard, adding that and setting the right color made it exactly how I want it.

    Thanks to everyone for your help!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Reduce the font size of the "mega menu"’ is closed to new replies.