Navicon (Hamburger-Menue mit drei Strichen) mit Text "Menü" beschriften - wie?

Steigerturm

Hall zusammen,

viele derer, die unsere Website http://steigerturm.de/ aufrufen, sind ältere Semester und nicht so bewandert. Manche wissen nicht, dass sich bei einer bestimmten Bildschirmaufläsung (z.B. auf Tablet) hinter den drei parallelen Strichen (Navicon / Hamburger Menu) oben rechts das Menü verbirgt.

Gibt es eine Möglichkeit, das im CSS anzupassen? Am liebsten hätte ich es, wenn über oder unter den drei Strichen das Wort "Menü" erscheinen würde.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Versuch es ganz am Ende deiner CSS damit:

Code

#site-nav-container a#mobile-menu-btn {
    width: 45px;
    margin: 0;
    text-indent: 0;
    padding-top: 25px;
    background-position-x: 8px;
}

Steigerturm

Wow, ich bin schwer beeindruckt.
Ob sich das Wort Menü auch so darstellen lässt, dass es nicht grün, sondern so grau wie die drei Striche ausschaut?
Ich hoffe, ich erscheine nicht als zu gierig ;-)

maxe

Zitat von Steigerturm

(z.B. auf Tablet) hinter den drei parallelen Strichen (Navicon / Hamburger Menu) oben rechts das Menü verbirgt.

Tablet-Besitzer, auch älteren Semester, sollten sich aber mittlerweile schon daran gewöhnt haben, dass sich hinter dem Hamburger-Button das Menü befindet. Sonst wäre vielleicht auch ein Tablet fehl am Platz.

Zum Problem: Füge noch ein color: gray; mit in die Styleanweisung.

Steigerturm

Ich schätze, da liegst Du falsch, maxe. In meinem Bekanntenkreis (ich bin 70) gibt es eine Reihe Leute, die zwar moderne Hardware haben, aber damit (wie ich auch manchmal) ziemlich unbedarft umgehen. Deshalb wollte ich auf "Nummer Sicher" gehen.

SirEctor

Ich muss maxe voll zustimmen. Wer sich ein Tablet oder ein Smartphone kauft, sollte sich damit vertraut machen und auch das Menü-Symbol kennen.

Aber zurück zu deiner Frage. Mit color:#?????? solltest du die Farbe nach deinem Geschmack anpassen können.

Steigerturm

Ich wollte hier keine Alt-Jung-Disdussion lostreten.
Ganz herzlichen Dank für die Hilfe - ich bin jetzt mehr und mehr zufrieden mit unserer Website.

SirEctor

Ist keine Diskussion zw. Jung und Alt, sondern eher eine Grundsatzfrage. Aber schön das es jetzt für euch passt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Navicon (Hamburger-Menue mit drei Strichen) mit Text "Menü" beschriften - wie?

Jetzt mitmachen!