Support » Allgemeine Fragen » Mobiles Layout des Menüs, Beschriftung?

  • Gelöst Chigolo

    (@fitnsexy)


    Hallo zusammen,

    Ich hätte gerne das Menü in meinem mobilen Layout beschriftet, so dass „Browse“ oder ähnliches darin steht damit der Leser dies besser als Menü identifizieren kann.

    Derzeit sieht es wie folgt aus: https://gyazo.com/cf41de8571714fee050da92aad32e808

    Gibt es hier eine Mölgichkeit dies zu bewerkstelligen? Da der Support des Themes leider eingestellt wurde habe ich leider keine Möglichkeit mehr den Herseler zu kontaktieren…

    Danke im Voraus und schöne Weihnachten euch allen!

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Du könntest dir mit einer CSS-Regel behelfen, die du im Customizer unter Zusätzliches CSS einträgst:

    @media screen and (max-width: 959px) {
    #navigation::before {
        content: 'Navigations-Menü:';
    }
    }
    Thread-Starter Chigolo

    (@fitnsexy)

    Danke für den Tipp. Gibt es auch eine Möglichkeit den Schriftzug direkt im „weißen Feld“ anzeigen zu lassen und nicht darüber?

    • Diese Antwort wurde geändert vor 2 Jahre, 9 Monaten von Chigolo.

    Nicht mit CSS, dann musst du ein Child Theme erstellung und den Code abändern.

    Thread-Starter Chigolo

    (@fitnsexy)

    Alles klar, verstehe, dann lieber die CSS Variante 😉

    Danke für Deine Hilfe. Schöne Feiertage wünsche ich!

    • Diese Antwort wurde geändert vor 2 Jahre, 9 Monaten von Chigolo.
    Thread-Starter Chigolo

    (@fitnsexy)

    Nachtrag:

    Kurze Frage noch. Wie kann ich denn die Schrift vergrößern, bzw. „fett“ machen? Wäre mal interessant zum Testen 😉

    @media screen and (max-width: 959px) {
    #navigation::before {
        content: 'Navigations-Menü:';
        font-weight: bold;
        font-size: 36px;
    }
    }

    Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.

    Thread-Starter Chigolo

    (@fitnsexy)

    Vielen Dank!

    nur zur Info:
    Beim Einsatz von Chrome sehe ich das Menü nicht. Würde ich mal testen.
    Das Problem scheint mit der Schriftfarbe zusammenzuhängen: bei mir wird im Menü weiße Schrift auf weißem Hintergrund angezeigt. Beim Edge sehe ich zumindest die Menüpunkte , wenn ich mit der Maus darüber fahre (Hover). Seltsam, dass das bei euch scheinbar funktioniert, evtl. wurde das aber unter Chrome und/oder Edge noch nicht getestet.
    Sichtbar wird das Menü, wenn man die Schriftfarbe ändert:

    #navigation select {
        /* Schrift schwarz */
        color: #000;
    }

    Die o. a. Zeilen kann man unter Design > Customizer > Ind. CSS eingeben.

    Thread-Starter Chigolo

    (@fitnsexy)

    Danke für den Hinweis, genau das war aber das eigentliche Problem weshalb ich darübe den Schriftzug setzen wollte. Habe die Farbe aber soeben geändert und nun ist das auch wieder zu sehen 🙂

    Danke nochmals @hage.

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Das Thema „Mobiles Layout des Menüs, Beschriftung?“ ist für neue Antworten geschlossen.