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.