Need to decrease font size of my top menu

• 

  mcholley · Member · Apr 8, 2013 at 10:11 pm

  • Copy link
  • Add topic to favorites

  I want to decrease the font size of my top menu labels so that they won’t ‘wrap’ to a second line.

  Thanks!

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

• 

  timethief · Member · Apr 8, 2013 at 10:14 pm

  • Copy link

  I don’t help with CSS editing. I am using Firefox 20 and there is no second line appearing for me. Are you aware that you can change the page slug?

  If all you want to do is shorten what’s displayed in the page slug you can do that here > Appearance > Menus
  locate the Page click to open:
  Navigation Label – change here
  click to close
  “save menu”
  http://en.support.wordpress.com/pages/new-page-screen/#page-title-and-url

• 

  justpi · Member · Apr 9, 2013 at 1:55 am

  • Copy link

  Different browsers display some things in slightly different ways. I’m seeing all your top menu items on one line in Firefox but on two lines in Safari. Add this in the CSS editor:

  .wf-active .site-nav a {
      font-size: 98%;
  }

  Change the percentage till you get the result you like most.