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

    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 stark beschränkt. Divi ...
    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.