• I’ve created a sub-menu using categories, i can see where to increase the menu font, but not the sub-menu, it does not change.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The drop down menu font is controlled via this CSS:

    #menu-main1 ul.sf-dropdown-menu li a {
        color: red;
        font-size: 20px;
    }

    You’ll want to change the properties to fit your site, and after that, place it into Appearance> Theme Options> Custom CSS.

    Let me know if that works for you.

    Thread Starter seasonsesame

    (@seasonsesame)

    Thanks for reply. No it didn’t work. There are two menus, the upper and the primary which i tried to find out how to remove but could’t if i don’t assign a primary menu for this second menu, there will always be a message there, no menu assigned, so i just assigned a second menu there. But the one i’m trying to change is the upper menu, usually it sits in right side and we have the option to place it on left, that’s what i did, but the submenus are too small.

    If you can post a link to your site then I’ll get you the correct CSS to target those menus.

    Otherwise, if you want to hide the “no menu assigned” text, then you can do that with this CSS.

    .kt-nomenu-assigned {
        display: none;
    }

    Let me know which you prefer, and post a link if you can.

    Hi Kevin and seasonsesame!

    I´m trying to increase the font size in my submenu-topbar and I can´t do it with yout CSS code.
    I´m trying to keep the topbar when I scroll down.

    Help meee!! Thanks a lot!!!

    http://www.5lobinos.com

    Hello Asturlito,

    In the future, please start a new topic, as it’s not good to revive old threads.

    I think I have a CSS solution for you though! Try adding this to theme options> Advanced Settings:

    .topbar-right-search ul.sf-dropdown-menu a span {
        font-size: 20px;
    }

    Let me know if it works for you! You can change the “20px” to whatever font size you like.

    -Kevin

    Thank you Kevin!!! It worked!!!

    One more thing, do you know how to do to keep the Topbar Fixed when you scroll down??

    Thanks a lot, and sorry for not been started a new topic, I thought it would be ok here. 🙁

    Try placing this CSS in Theme Options> Advanced Settings:

    #topbar {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    }
    .admin-bar #topbar {
    top:28px;
    }
    .headerclass {
    margin-top: 30px;
    }

    And no worries! Starting your own topic just helps with organization of the forums, and it previous previous posters in topics from getting follow up emails that they may find annoying. It also will help you get the best responses to your questions.

    -Kevin

    Perfect!!

    The topbar now it´s fixed when I scroll down 🙂

    I have a final problem, when I enter with my phone, the submenu is fixed, but it´s not collapsed and it seems that it has not have submenu, that all its the same. I can´t move through the menu, too.

    Try replacing the CSS I gave you before with this and let me know if it works for you:

    @media (min-width: 992px) {
    #topbar {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    }
    .admin-bar #topbar {
    top:28px;
    }
    .headerclass {
    margin-top: 30px;
       }
    }

    -Kevin

    Hi Kevin!!!

    It did´n work! I show you the difference:

    IMAGE

    Thanks!!

    • This reply was modified 7 years, 6 months ago by asturlito. Reason: Editing href for image

    Ah I see now.

    go to Theme Options> Menu Settings, and find Mobile Menu settings. Find “Submenu items collapse until opened” and turn that ON.

    Let me know if that works for you!

    -Kevin

    It was ON and didn´t work. I turned (to try) and didn´t work too. Now is ON.

    Since you’re using the topbar navigation, there currently is no option for those menu items to be collapsed.

    The setting I mentioned above only effects the primary navigation of your site. The theme developer is adding this to the feature request though.

    Sorry for the confusion!

    -Kevin

    Thanks a lot Kevin!
    You rock!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘How to increase topbar sub-menu font size?’ is closed to new replies.