Menus are not displayed in one line

  • Author
    Posts
  • #886720

    miriam1234
    Member

    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 miriambrindisi.wordpress.com.

    #886842

    timethief
    Member

    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.

    #886866

    miriam1234
    Member
    #886873

    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.

    #886883

    miriam1234
    Member

    Thanks very much designsimply! Your suggestion was very helpful.

    #886884

    Cheers :)

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