Make menu item fonts smaller

• 

  cynthiakirk · Member · Dec 1, 2013 at 11:18 pm

  • Copy link
  • Add topic to favorites

  I would like to make the navigation menus smaller so they fit on one line. I have six pages to the site and right now the blog is moving the sixth item (about) to the second line. Can you help?

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

• 

  cynthiakirk · Member · Dec 2, 2013 at 1:36 am

  • Copy link

  I got this one fixed but now have another question: How can I make the menu items sit at the bottom of the gray header bar?

• 

  justpi · Member · Dec 3, 2013 at 8:40 am

  • Copy link

  Same position horizontally, or not?

• 

  designsimply · Member · Dec 20, 2013 at 3:01 pm

  • Copy link

  I checked http://packagenv.wordpress.com/ and the main menu is all on one line. I see that you set the padding to zero for the “#snap-nav ul a” block.

  I think the menu would look nicer if it were right-aligned. You can do that by adding this rule:

  #snap-nav ul {
  	float: right;
  }

  And you might also want to add a little padding to the left of list items. You could do that by changing the padding to “padding: 0 0 0 .5em;” on blocks with “#snap-nav ul a”.

  Your CSS is a little disorganized. You could probably combine some of the rules. Keep experimenting with them! And make sure each @media block has a starting “{” and and ending “}”.

  Your site looks great!

• 

  jlgaddis · Member · Dec 20, 2013 at 3:14 pm

  • Copy link

  This is not related to your question but for SEO reasons you may wish to reconsider using an image for your content (as opposed to properly formatted text).