Content area margin -50px, aber sidebar sollte bleiben, wo sie ist.

    Ich verwende das Theme "Crimson rose".

    Um die weiße Lücke zwischen main-content und main-menu zu schließen, habe ich folgendes CSS angewandt:

    #primary {
    position: relative;
    margin-top: -50px;
    margin-bottom: -280px
    }

    Das Problem: Die Sidebar wird dadurch auch hinaufgeschoben. Das ist vor allem bei der mobilen Version hässlich, da sich die Sidebar über den Inhalt schiebt.

    Was ist die beste Lösung?

    Eine Ausnahmeregelung?
    Bitte um passendes CSS :)

    https://shamanicyogini.com/

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Zitat von Leni2020

    Um die weiße Lücke zwischen main-content und main-menu zu schließen, habe ich folgendes CSS angewandt:

    Warum?

    Dieses CSS erzeigt die Lücke:

    Code
    .site-content {
    padding-top: 50px;
    padding-top: 3.125rem;
    ...


    Überlagere diesen Wert.

    Tipp am Rande: Wenn Du Hilfe bzgl. CSS anfragst, deaktiviere alle Minify- und Cache-Plugins, derzeit mind. aktiv: Autoptimize.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden