Navigation Menu

  • I am wondering two things about the Olsen WordPress theme that I am using for my blog. I have not upgraded (and won’t until I get more savvy with blogging), so am not sure if this is part of the answer.
    1. My navigation menu font is small. How can I make the font larger?
    2. My top navigation menu will only allow me a few pages/characters. It seems that the social networking takes up the other half of what could be the rest of the navigation menu section, but I plan to only have the Pinterest button listed. How can I expand my navigation menu onto that one line without having to squish my other pages on two lines, making it look messy and unattractive?

    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello!

    You will need to add some custom CSS to achieve this.
    Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

    .navigation a {
    font-size: 13px;
}

.navigation > li > a {
    margin-right: 20px;
}

    in the box to make the font smaller.
    Similarly you can use this

    .site-bar .nav {
    width: 80%;
}
.site-tools {
    width: 20%;
}

    in the box to make the area available for the menu wider.

    Hi,

    I am trying to expand my navigation menu margins. Please assist. The CSS code above definitely improved the font size, which I like very much. Now I am looking to expand the menu bar a little bit more to the right. Any suggestions?

    Please ignore the above question. The CSS below which you provided above actually expands the width to the navigation menu.

    .site-bar .nav {
    width: 80%;
    }
    .site-tools {
    width: 20%;
    }

    Glad to hear this was resolved!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Navigation Menu’ is closed to new replies.