Make Menu bar thinner/shorter

• 

  maryellentc · Member · Aug 13, 2015 at 4:05 pm

  • Copy link
  • Add topic to favorites

  is there a way to make the menu bar a bit shorter? it’s on the thick side and i was hoping we could make it thinner? is that possible?

  pnpi.org

  The blog I need help with is: (visible only to logged in users)

• 

  g471n · Member · Aug 13, 2015 at 4:38 pm

  • Copy link

  Hi maryellentc

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

  nav#site-navigation {
      padding-top: 0em;
      padding-bottom: 0em;
  }

• 

  g471n · Member · Aug 13, 2015 at 4:50 pm

  • Copy link

  If you still want it thinner add the following.

  .main-navigation li {
      padding-top: .3em;
      padding-bottom: .3em;
  }

  You can adjust the .3em value until you are happy with the result.