Support » Theme: Openstrap » Changing Font Size in Main Navigation Menu

  • I’m having a hard time finding the code in the css file to make the font size of the main navigation menu (the black bar under the logo) smaller. I’d also like to change the amount of space between the lines – is that being determined by the search box? Should I change the size of that?

    1. How to change the menu font to be smaller
    2. How to change the line spacing of the menu

    Any help would be appreciated. Thank you!

Viewing 1 replies (of 1 total)
  • Hi there!

    1. How to Change the Menu Font to Be Smaller:

    .menu-item {
      font-size:  ??px;

    NB: It’s currently 14px

    2. How to Change the Line Spacing of the Menu

    Not sure if I properly understand what you want….maybe like this:


    If so, try:

    input[type="search"] {
      height: 25px;
    .navbar-nav > li > a {
      padding-bottom: 8px;
      padding-top: 8px;
    .navbar {
       min-height: 38px;

    You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

    I hope that helps 🙂

    Luke the Daft Duke

Viewing 1 replies (of 1 total)
  • The topic ‘Changing Font Size in Main Navigation Menu’ is closed to new replies.