Lesefortschritt:

Menu-Special #1: Hamburger-Menu mit einem Text versehen

31. Juli 2024 | CSS-Stylesheet, Divi-Theme

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

OK: die drei Balken, aus denen das so genannte «Hamburger-Menü» besteht, sind schon eine Weile bekannt. Dennoch haben Sie die Möglichkeit, mitzuteilen, dass das Symbol ein Menü enthält, das erweitert werden kann. Wie’s geht? Ganz einfach!

Sie benötigen ein klein wenig CSS-Code, den Sie ins CSS-Stylesheet Ihrer Website einfügen. Im Backend unter Design/Customizer/Zusätzliches CSS:

.et_mobile_nav_menu:before  {
content: 'Menü';
position: absolute;
right: 40px;
margin-top:5px;
color: #333;
font-size:16px;
}

Das war auch schon der ganze Zauber. Aus dem Hamburger des Menü-Moduls wird nun der beschriftete Hamburger – so wie nebenan ersichtlich:

vorher:

nachher:

Werbung

Keine Inhalte gefunden.

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.