Lesefortschritt:

Header des Divi-Themes ausblenden

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

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

Ähnliche Beiträge

  • Dynamischen Banner aus dem Beitragsbild im Divi-Template… Wenn Sie Beitragsbilder als Header in einem besonderen Zuschnitt (etwa im Letterbox-Style mit 1500x500px) anzeigen wollen, stossen Sie mit Wordpress an Grenzen. Zwar lassen sich dynamische Beitragsbilder durchaus als Hintergrund…
  • Titel auf Seiten und/oder Beiträgen ausblenden Besonders auf Seiten - ab und an auch in Beiträgen - möchte man den Titel nicht auf der Website zeigen. Dazu gibt es mehrere Möglichkeiten. Solche die global wirken, aber…
  • Divi-Header-Navigation ausblenden Die Header-Navigation in Divi eignet sich nicht für alle Websites gleichermassen. Besonders auf den kleinen One-Pagern, wo alle Inhalte direkt auf der Startseite untergebracht sind, ist der Sinn einer Header-Navigation…
  • Divi: Linie unter dem Header und bei der Sidebar entfernen Divi zeigt in der Grundinstallation unter dem Header und am Rand der Sidebar eine feine Linie an. Das mag bei der Webentwicklung noch hilfreich sein, im Alltag möchte man aber…

Kategorien

CSS-Stylesheet Divi-Theme Fonts & Icons functions.php header.php htaccess HTML Mediathek NAS Plugins Scripts SEO Sicherheit SocialMedia WordPress wp-config.php

Divi-Module

Akkordeon-Modul Bild-Modul Blog-Modul Button-Modul Code-Modul Countdown-Modul Filterbares Portfolio Galerie-Modul Handlungsaufruf-Modul Kontaktformular-Modul Menu-Modul Portfolio-Modul Registerkarten-Modul Seitenleisten-Modul Slider-Modul Suche-Modul Testimonial-Modul Text-Modul Umschalter-Modul

Dr.-Code-Specials

Anker-Special Aufräum-Special Bilder-Special Blog-Modul-Special Dateidownload-Special Font-Special Icon-Special Nostalgie-Special Sicherheits-Special SocialMedia-Special

Neueste Beiträge

Divi-Theme: Passwortgeschützte Seiten aufhübschen
publiziert am 27. September 2023

Logobild im Divi-Theme beim Scrollen austauschen
publiziert am 24. September 2023

Divi-Elemente aus der Library mit Shortcodes einbinden und auf der Website anzeigen
publiziert am 20. September 2023

Header des Divi-Themes ausblenden
publiziert am 17. September 2023

Beiträge in RSS-Feeds verzögern
publiziert am 13. September 2023

sowie 273 weitere publizierte Tipps & Tricks

Geplante Beiträge

Datumsfelder im Format TT.MM.JJJJ automatisch umwandeln
erscheint am 1. Oktober 2023

Suchresultate auf der Divi-Website in alphabetischer Reihenfolge auflisten
erscheint am 4. Oktober 2023

Ade Werkzeugleiste: Schwarzen Balken des WordPress-Backends für eingeloggte User ausblenden
erscheint am 8. Oktober 2023

sowie 253 weitere geplante Themen

Child-Theme erstellen

Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden.

mehr Infos

Tipps & Tricks per Mail

Mit dem Newsletter von Dr. Code erhalten Sie sporadich die neuesten Hacks und Tricks zu CSS, Divi, Wordpress & Co. direkt in Ihr Mailpostfach.

anmelden

Themenidee?

Können wir Ihnen zu einem ganz bestimmten Thema weiterhelfen? Unsere Leserinnen und Leser haben oft die besten Ideen.

Themenvorschlag

Treffen Sie Vor­sichts­mass­nah­men bei der Nutzung der Inhalte dieser Website. Auch wenn die Tipps und Tricks erprobt sind, kann mal was schiefgehen.

Wir empfehlen, möglichst in einer Test­um­ge­bung zu arbeiten und/oder Si­che­rungs­ko­pien anzulegen, bevor Sie ans Werk gehen.

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.



Vielen Dank.

Pin It on Pinterest

Share This