Lesefortschritt:

Navigation im Menü-Modul des Divi-Themes rechtsbündig ausrichten

11. Juni 2025 | CSS-Stylesheet, Divi-Theme

Trick # 465 | Dieser Beitrag beinhaltet 422 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

Das Menü-Modul des Divi-Themes lässt sich links oder zentriert ausrichten – jedoch nicht rechtsbündig darstellen. Wenigstens nicht mit den Layout-Einstellungen, welche innerhalb des Moduls möglich sind. Mit ein wenig CSS klappt’s dann aber gleichwohl.

Für den Trick benötigen Sie ein wenig CSS-Code. Kopieren Sie den folgenden Block und fügen Sie ihn in das CSS-Stylesheet Ihrer Divi-Website ein – im Backend unter Design/Custromizer/Zusätzliches CSS:

.et_pb_menu__wrap {
	justify-content: flex-end !important;
}

Sehen wir uns das doch gleich mal an:

Statt der Ausrichtung zur linken Seite …

… wird das Menü mit aktivem CSS-Code rechtsbündig ausgerichtet.

Werbung

Divi-Projects in die Suche einbeziehen

2. Januar 2022 Divi-Theme | Suche-Modul
Das Divi-Theme bietet ein Suchmodul, welches jedoch nicht alle Post-Types in die Suche miteinbezieht. Die Divi-eigenen Projects etwa werden bei der Suche nicht berücksichtigt. Dies zu ändern, ist jedoch ein Kinderspiel.
Keine Inhalte gefunden.

Kategorien

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

Divi-Module

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

Dr.-Code-Specials

Anker-Special Aufräum-Special Bilder-Special Blog-Modul-Special Call-To-Action-Special Dateidownload-Special Eyecatcher-Special Font-Special Icon-Special Menu-Special

Neueste Beiträge

Benutzerdefiniertes Navigationsmenü in Word­Press ohne Plugin erstellen
publiziert am 28. Dezember 2025

Stylishe Ribbons in 15 Varianten – ein Weihnachtspräsent von Dr. Code
publiziert am 24. Dezember 2025

Mit dem hr-Element Akzente setzen
publiziert am 21. Dezember 2025

Drei CSS-Styling-Tricks für HTML-Buttons
publiziert am 17. Dezember 2025

URL der Word­Press-Suche anpassen
publiziert am 14. Dezember 2025

sowie 519 weitere publizierte Tipps & Tricks

Geplante Beiträge

Bilder dreidimensional auf der Webseite darstellen
>>> erscheint am 31. Dezember 2025

«Load More»-Schaltfläche zum Divi-Galeriemodul hinzufügen
>>> erscheint am 4. Januar 2026

Back-Button im Divi-Theme anzeigen
>>> erscheint am 7. Januar 2026

sowie 210 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

Member-Bereich

Dr. Code bietet Ihnen kostenlosen Zugang zu unserer umfangreichen Hack-Datenbank. Neben den bislang veröffentlichten Beiträgen und Tricks sind aberdutzende weitere Themen für Member bereits jetzt verfügbar.

Jetzt kostenlos und spamfrei registrieren

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

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.