Increase the Menu Bar font size

  • Author
    Posts
  • #77700

    burtsite1
    Member

    Hello,

    The site and page I need assistance with is: http://wrchcr.com/

    The first thing I am having trouble with is increasing the font size of my menu bar. I feel like I have tried everything.

    The second thing I need help with is decreasing the space on this page: http://wrchcr.com/leadership/
    I would like to decrease the spacing on this page and tried to in the text tab but nothing happend.

    Please help.
    Thank you!

    The blog I need help with is wrchcr.com.

    #77838

    I have the same issue regarding changing font size of my menu bar for hive theme. Is that possible to change it? How?
    Thanks in advance
    Bee

    #77858

    burtsite1
    Member

    Hey Bee,

    I found the fix. Enter this in your CSS.

    #primary-nav {
    font-size: 135%;
    }

    Paul

    #77860

    Hey, Paul
    Thanks for your reply. But I added it and nothing changed! :( Fonts remain the same size. I keep searching for a solution
    Bee

    #77861

    PS: something weird happens when I add that CSS. The Menu bar goes to the top of the page, instead of bellow the header/logo

    #77864

    thelukemcdonald
    Theme Author

    If you’re looking to increase the site navigation font site, you can use the following CSS:

    .site-navigation .menu {
      font-size: 1em;
    }

    That snippet will make the menu items 16px in size. Feel free to increase it as you wish. If the snippet doesn’t work, be sure that any previous custom CSS isn’t overriding and affecting it.

    #77865

    Hi, guys
    I do appreciate your help but it’s not working. Can’t figure out what I am doing wrong. The only customer css I’ve added is this one
    #infinite-footer .blog-credits, #infinite-footer .blog-credits a {
    font-size: 65%;
    }

    body:before, body:after, .site-footer {
    background: WHITE;
    }
    Is that affecting my font size customization?
    Thanks
    Bee

    #77866

    thelukemcdonald
    Theme Author

    The CSS you have shouldn’t be affecting the site navigation font size, however, it’s tough to troubleshoot without being able to see the site.

    I know that you can change the overall font size when changing the fonts used by the theme. This may be overriding the font size styles. In that case, you might try adding additional specificity to the CSS I’ve provided; I’ve added a possible solution below.

    body .site-navigation .menu {
      font-size: 1em;
    }

    If that doesn’t work, this should for sure, however, it’s not a good idea to use the !important declaration if possible.

    body .site-navigation .menu {
      font-size: 1em !important;
    }
    #77869

    Thank you, thelukemcdonald
    No solutions are working for now. I keep the default font. I might come back when the blog goes public to try to sort this out.
    Wish you a nice day
    Bee

    #78004

    thelukemcdonald
    Theme Author

    Sounds good. Let me know when the site is live.

The topic ‘Increase the Menu Bar font size’ is closed to new replies.