Navbar kürzer gestalten ohne Schriftverkleinerung

  • Hallo,

    ich weiss es gerade nicht mehr.

    Ich will den Abstand des leeren Bereichs zwischen Naviagtionspunkten li, also den Bereich rechts und links vom Text im css verkleinern.

    siehe http://www.medienberatung.de/projekte/feuerwehr - die Leiste muss kürzer werden, aber die Schriftgörße darf nicht kleiner werden.

    Ist das der richtige Bereich? Styles.less Aber hier passiert nichts wenn padding geändert wird.

    /* Lists */

    ol {

    list-style: #val(global-ordered-list-style);

    margin: 0 0 #val(paragraph-spacing) 0;

    padding-left: 2em; // enough to make room for 2-digits

    }

    ol li {

    padding-left: 0.25em;

    }

    ul:not(.slides) {

    list-style: #val(global-unordered-list-style);

    margin: 0 0 #val(paragraph-spacing) 0;

    padding-left: 0.5em;

    }

    ul:not(.slides) li {

    padding-left: 0.5em;

    }

    dl {

    margin: 0 0 #val(paragraph-spacing) 0;

    }

    /* go to top arrow */

    - Hier passiert nichts

    oder hier?

    li.haschilds > a:after,

    .dropdown-menu li.haschilds > a:after{

    content: '';

    box-sizing: content-box;

    position: absolute;

    z-index: 2;

    top: 50%;

    margin-top: -0.25em;

    right: 15px;

    height: .5em;

    width: .5em;

    border-color: inherit;

    border-bottom-color: transparent; /* IE Bugfix: transparent or else a ghost shadow is visible even border-width is 0 */

    border-left-color: transparent; /* IE Bugfix or else a ghost shadow is visible */

    border-style: solid;

    border-width: 1px 1px 0 0;

    display: block;

    .transition(~"transform 200ms ease");

    .transform(~"rotate(45deg)");

    }

    li.haschilds.open > a:after,

    li.haschilds.clicked > a:after{

    .transform(~"rotate(135deg)");


    Superdanke für Tipp

  • Hallo, hier das passende CSS. Die 2em entsprechend anpassen.

    Code
    #header #nav>ul li a {
        padding: 0 2em;
    }

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!