Lesefortschritt:

    Header des Divi-Themes ausblenden

    17. September 2023 | CSS-Stylesheet, Divi-Theme

    Trick # 275 | Dieser Beitrag beinhaltet 253 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

    Das Divi-Theme blendet von Haus aus einen Header ein. Darin erscheint etwa das Menu und zusätzlich noch ein Logo. Ab und an möchte man aber diesen Standard-Header vollständig ausblenden – etwa auch, um ihn zu ersetzen. Wie das geht, zeigen wir Ihnen hier.

    Sie benötigen ein paar Zeilen CSS-Code. Diesen sehen SIe unten – kopieren Sie ihn und fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein. Das geht ganz einfach im Backend unter Design/Customizer/Zusätzliches CSS:

    /* Header ausblenden */
    #main-header {
    display:none;
    }
    #page-container {
    padding-top:0px !important;
    margin-top:-1px !important
    }
    /* Zwischenraum bis zum Inhalt festlegen */
    .et_transparent_nav #main-content .container {
    padding-top: 58px !important;
    }

    Und schon ist der Header mitsamt Logo und Menu ausgeblendet.

    Werbung

    Styling-Ideen für das Divi-Blurb-Modul

    Vor Wochenfrist haben wir einen Beitrag zum Blurb-Modul des Divi-Themes veröffentlicht, in dessen Folge zahlreiche Anfragen für besondere Stylings eingetroffen sind. Darum schieben wir heute eine Serie Stylingideen zum Informationstext-Modul ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This