Campfire Responsive, Hauptmenü (Desktopansicht): Abstände zwischen Menüpunkten verkleinern

  • Hallo zusammen,

    wie kann ich die Abstände im Hauptmenü - mit eigenem CSS - zwischen den einzelnen Rubriken (z. B. Home Leistungen Über uns Kontakt) verkleinern?

    Vielen Dank für Eure Hilfe.

    LG
    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Dafür gibt es in diesem Layout keine Einstellung im Layout-Editor. Der horizontale Abstand wird ja auch benötigt, damit platz für die Pfeil-Icons ist, sollte eine Seite Unterseiten beinhalten.

    Da müssten Sie also, wenn unbedingt nötig, auf angepasstes CSS zurückgreifen um das Padding der Links in der Navigationsliste zu verringern.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Abstand Menüeintrag zur Triangle.

    2em ist der Standardwert.

    CSS
    <style>
    nav li.haschilds > a:not(.button), nav .dropdown-menu li.haschilds {
    padding-right: 2em;
    }
    </style>

    Abstand Triangle zum nächsten Menüeintrag.

    1em ist der Standardwert.

    CSS
    <style>
    nav > ul li a:not(.button) {
    padding: 0 1em;
    }
    </style>

    Anschließend überprüfen ob sich das negativ auf das "Mobile Menü" auswirkt.

Jetzt mitmachen!

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