Menus are not displayed in one line

  • Author
  • #886720


    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



    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.



    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.



    Thanks very much designsimply! Your suggestion was very helpful.


    Cheers :)

The topic ‘Menus are not displayed in one line’ is closed to new replies.