Dropdown menu font size

[this_is_gav]

Hi, I’m wanting to use the font Yanone Kaffeesatz 700 from Google Fonts for my menu and headings, but it’s an odd, small font. I can change the font size for the menu titles themselves easily in your theme options, but there’s no way to change the size of the subitems or megamenu headings and they remain illegibly small.

Perhaps something to add to the theme options font size list?

dev1.seahousesmiddleschool.com

Many thanks, Gav

[Tahir – SUPPORT]

Hi,
In the meantime you can use this custom css to override the font styles.
for top bar use

#top-bar {
font-size: 15px !important;
}

and for login text

#top-header .th-right > nav .menu li {
font-size: 15px !important;
}

Thanks
Tahir

[this_is_gav]

Hi Tahir, thanks for replying and sorry for my late response. The email notification went to my spam folder.

That works for the login text, but it makes no difference to the menus (or the top menu now I think about it).

[Swift Ideas – Ed]

Hi there,

This css should work. For the top row:

nav.mega-menu li .sub li.mega-hdr a.mega-hdr-a, nav.mega-menu li .sub li.mega-hdr span {
font-size: 22px;
}

and the standard items:

nav.mega-menu .sub li.mega-hdr li a {
font-size: 18px;
}

Let us know.

– Ed

[this_is_gav]

Yup, that’s got the menus sorted, thanks! 😀

Any ideas for the top menu?

Thanks again. 🙂

[Tahir – SUPPORT]

Hi,
For the top menu

#top-header .th-right > nav .menu li {
font-size: 32px;

All the Best
Tahir

[this_is_gav]

No, that’s the for the right-side (login, My Account, etc). I need the font for the menu at the top left.

Thanks. 🙂

[Tahir – SUPPORT]

Hi,

#top-header .th-left {
font-size: 32px;
}

-Tahir

[this_is_gav]

This reply has been marked as private.

[Swift Ideas – Ed]

Ahh I see, this is what you want:

#top-bar .menu > li {
font-size: 14px;
}

Hope that helps!

– Ed