Font size in main menu and submenu

  • Resolved janbletz

    (@janbletz)


    8 years ago

    I have a few (three) css questions. I will send them seperately, to be of help to other users with the same questionss (I’m sure they’re out there).

    My first question: how do I adjust the font size in the sub menu’s of the main-menu (not the topmenu, which isn’t visible)?

    I changed the overall font size:

    #wrapper-main, footer  .innerwrap {
    font-size: 0.875em;
}

    Then, I changed the size of the fonts in the menu:

    */#main-navigation .sf-menu li a { font-size: 24px; }

    Now I’d like to change the font size of the sub menu, it is way to small. Any suggestions?

    • This topic was modified 8 years ago by janbletz.
Viewing 6 replies - 1 through 6 (of 6 total)
  • salsaturation

    (@salsaturation)

    @janbletz

    try this

    #top-navigation .sf-menu .sub-menu a {
font-size: 16px;
}

    if that doesn’t work the try

    #top-navigation .sf-menu .sub-menu a {
font-size: 16px !important;
}
    Thread Starter janbletz

    (@janbletz)

    Thank you! ALmost there. It doesn’t work yet though.

    Shouldn’t that be main-navigation instead of top-navigation? It’s the menu below the header I’m talking about.

    That’s why I also tried:

    #main-navigation .sf-menu .sub-menu a {
font-size: 24px !important;
}

    But this doen’st make a difference either.

    salsaturation

    (@salsaturation)

    Please give a link to your site as I was referencing what I saw on the demo

    Thread Starter janbletz

    (@janbletz)

    Site is still on localhost, sorry.

    salsaturation

    (@salsaturation)

    try this

    .main-nav .sf-menu .sub-menu a {
font-size: 16px !important;
}
    Thread Starter janbletz

    (@janbletz)

    That’s exactly what I was looking for. Thank you very much.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Font size in main menu and submenu’ is closed to new replies.