Menu/Header

• 

  holisticlivingcom · Member · Mar 3, 2017 at 6:31 pm

  • Copy link
  • Add topic to favorites

  Can I code the CSS so that my header menu font is smaller? I need to add one more tab and want to keep the menu to two lines. Right now, my menu has 3 lines.

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

• 

  innisfreehomestead · Member · Mar 6, 2017 at 1:44 am

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  .main-navigation-menu a {
  	font-size: 13px;
  	padding: .8em 1.2em .7em;
  }

  Then you can play with the font-size until it’s the right size you’re looking for.
  I also added in the padding which changes the spacing of the menu items which you can play with if you’d like (it will also help you gain space on your menu). You’d need to change the middle number [1.2em] to something like [1em] or [.8em] for example.

  Let me know if that doesn’t work!
  Sage