Im Mobile Menü einzelne Menüpunkte ansprechen

  • Gelöst fitzi05

    (@fitzi05)


    vor 7 Monaten

    Ich habe mit dem Plugin Polylang ein DE bzw EN Symbol im Menü eingefügt.
    In der Desktop Version konnte ich das per custom CSS ansprechen und verändern. Für die mobile Version hätte ich das gerne genauso. Wie kann ich dort den einzelnen Menüpunkt ansprechen?

    Mein Theme ist Neve.

    menu-item-2374-de {

    font-size:12px;
margin-top: 3px;
margin-left: 0px;
font-weight: bold;
font-weight:900;

    } menu-item-2375-en{

    font-size:12px;
margin-top: 3px;
margin-left: 0px;
font-weight: bold;
font-weight:900;

    }

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

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator threadi

    (@threadi)

    vor 7 Monaten

    Dein CSS-Code ist hier im Forum ungünstig formatiert. Wie man den Code-Block im Forum verwendet ist hier übrigens beschrieben: https://wordpress.org/support/forum-user-guide/block-editor/#code-block

    Durch einen Blick auf deine Website habe ich jedoch gesehen, dass Du die IDs der Menü-Items verwendest (mit führender „#“). Ich würde dir empfehlen stattdessen deren Klassen zu nehmen (mit führendem „.“). Dann greifen die Angaben bei Desktop und Mobil gleichermaßen.

    Also:

    .menu-item-2374-de {
     font-size:12px;
     margin-top: 3px;
     margin-left: 0px;
     font-weight: bold;
     font-weight:900;
    } 

    .menu-item-2375-en {
     font-size:12px;
     margin-top: 3px;
     margin-left: 0px;
     font-weight: bold;
     font-weight:900;
    }
    Thread-Starter fitzi05

    (@fitzi05)

    vor 7 Monaten

    Vielen Dank. Manchmal ist es so einfach (-:
    Ich hätte schwören können, das ich das auch versucht habe.

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „Im Mobile Menü einzelne Menüpunkte ansprechen“ ist für neue Antworten geschlossen.

Schlagwörter