Ondersteuning Volgende » CSS / opmaak vragen Volgende » twenty fourteen thema ,navigatie aanpassen

  • hallo,
    Ik heb een site gemaakt gebasseerd op het twenty fourteen thema.
    http://www.tercoma.com

    Nu kan je makkelijk zien dat in het menu , onder composiet terrassen & tuinschermen , alleen de eerste twee subitems (El├ęgance terrassen en Emotion terrassen), de woorden mooi naast elkaar staan.
    Vanaf dan , daar onder staan de 2 woorden telkens onder elkaar en dat wil ik juist niet.
    Hoe krijg ik dus ook de 4 laatste items die in dat menu voorkomen ‘naast elkaar ‘ geschreven?

    CSS…

    /**
    * 5.0 Navigation
    * —————————————————————————–
    */

    .site-navigation ul {
    list-style: none;
    margin: 0;
    }

    .site-navigation li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .site-navigation ul ul {
    margin-left: 20px;
    }

    .site-navigation a {
    color: #fff;
    display: block;
    text-transform: uppercase;
    }

    .site-navigation a:hover {
    color: #41a62a;
    }

    .site-navigation .current_page_item > a,
    .site-navigation .current_page_ancestor > a,
    .site-navigation .current-menu-item > a,
    .site-navigation .current-menu-ancestor > a {
    color: #55d737;
    font-weight: 900;
    }

    /* Primary Navigation */

    .primary-navigation {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding-top: 24px;
    }

    .primary-navigation.toggled-on {
    padding: 72px 0 36px;
    }

    .primary-navigation .nav-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: none;
    }

    .primary-navigation.toggled-on .nav-menu {
    display: block;
    }

    .primary-navigation a {
    padding: 7px 0;
    }

    .primary-navigation ul ul a {
    padding: 14px 5px;
    white-space: normal;
    width: 300px;
    }

    /* Secondary Navigation */

    .secondary-navigation {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 12px;
    margin: 48px 0;
    }

    .secondary-navigation a {
    padding: 9px 0;
    }

    .menu-toggle {
    background-color: #000;
    border-radius: 0;
    cursor: pointer;
    height: 48px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 48px;
    }

    .menu-toggle:before {
    color: #fff;
    content: “\f419”;
    padding: 16px;
    }

    .menu-toggle:active,
    .menu-toggle:focus,
    .menu-toggle:hover {
    background-color: #444;
    }

    .menu-toggle:focus {
    outline: 1px dotted;
    }

    .secondary-navigation .customize-partial-edit-shortcut button,
    .footer-sidebar .widget:first-child .customize-partial-edit-shortcut button {
    left: 0;
    }

    Bedankt voor de hulp.

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]