Menus are not displayed in one line

• 

  miriam1234 · Member · May 9, 2012 at 6:22 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m using Pink Touch 2, trying to get the top menu to display all on one line. And I’m not succeeding. Any suggestions? I have the css editor.

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

• 

  timethief · Member · May 9, 2012 at 6:24 pm

  • Copy link

  The blog linked to your username is wearing the Fresh and Clean theme. All CSS editing is theme specific. Please post an active link starting with http:// to the blog wearing the Pink Touch 2 theme.

• 

  miriam1234 · Member · May 9, 2012 at 6:46 pm

  • Copy link

  Sorry! http://miriambrindisi.wordpress.com/

• 

  designsimply · Member · May 9, 2012 at 7:05 pm

  • Copy link

  First, you’ve selected the “Coquette” font for headings on the Appearance → Custom Design → Fonts page. That font has a lot of flourishes and is a little wider than other fonts. You also have the size on that page adjusted to +3. You can override that with the following CSS. Note that you may need to make some adjustments, this is a starting point for you:

  #searchfield {
  	display: none;
  }
  #nav-menu {
  	width: 750px;
  	font-family: helvetica, sans-serif !important;
  	font-size: .9em !important;
  }

  Adjust the font-family and font-size properties as necessary.

  The first block hides the search form to give the menu more space. If you decide to remove that block and bring the search form back, you should also adjust the width in the #nav-menu block accordingly.

• 

  miriam1234 · Member · May 9, 2012 at 8:01 pm

  • Copy link

  Thanks very much designsimply! Your suggestion was very helpful.

• 

  designsimply · Member · May 9, 2012 at 8:02 pm

  • Copy link

  Cheers :)