Targeting mobile Menü in Wordpress

Question

Gibt es eine Möglichkeit, css auf das mobile Menü nur Ziel? Ich benutze http://athemes.com/theme/Sydney und mein Dev-Server ist unter http://150.101.201.63/wordpress2/WordPress/ Einfach gesagt, wenn das Menü zum mobilen Menü wechselt (eins mit einer einzigen Taste zum Öffnen des Menüs im Vergleich zum oberen Navigationsmenü) Ich möchte etwas Styling hinzufügen. Ich habe das immer mit der Gerätebreite gemacht, aber ich finde das mit diesem Thema weniger effektiv.

Jede Hilfe wird geschätzt.

Answer 1

Ändern Sie die Größe Ihres Desktop-Fensters, um das mobile Display Ihrer Site zu aktivieren, und suchen Sie mit einem Webinspektor in Ihrem Browser nach dem Element, das Sie ändern möchten. Ihre Dev-Site ist defekt, aber Renovation Princess verwendet das Element # respo-menu-list-left, um Teile Ihres mobilen Menüs zu bearbeiten.

Answer 2

Ich versuchte es/erraten und die URL ist http://150.101.201.63/wordpress2/wordpress/, so jetzt in Wordpress Großbuchstaben.

Ich schaute über die Website und wenn es das mobile Menü zeigt ändert es die Menü-ID mainnav-mobi, so können Sie sicher CSS für diese ID schreiben und es wird nur auf dem Handy angezeigt.

#mainnav-mobi { 
    /* css here */ 
}