Navigation is wrapping to a second line in Firefox

• 

  astebbi · Member · Dec 22, 2012 at 3:00 pm

  • Copy link
  • Add topic to favorites

  I am having trouble with the Navigation overlapping onto a second line in Firefox. I have changed the padding-right to 0 and it fixed the initial problem, but when I go on the For adoption page and Happy Tails page the contact stretches onto a second line. This is only happening in Firefox. Does anyone have a solution to fixing this?

  Here is my site:

  http://astebbi.host56.com/wordpress/

• 

  designsimply · Member · Jan 1, 2013 at 5:26 pm

  • Copy link

  The menu will wrap if the menu items are too wide to fit. You’ve happened to add a combination of settings where making the current page bold in the menu adds just enough space to push the menu to two lines. To fix it, you can either shorten one of the menu items (no cost) or purchase the Custom Design upgrade and use CSS to modify the menu and change the built in theme design so it fits better with the menu names you’ve selected. If you choose the CSS route, try adding this to your Appearance → Custom Design → CSS editor and click the Preview button to see an example of making the main menu margins smaller in the Twenty Ten theme:

  #access div {
  	margin: 0 7%;
  }