Untermenü wird auf dem Handy nicht angezeigt
-
Hallo Zusammen,
Mein Untermenü wird einfach nicht am Handy angezeit, nur am PC.Ich habe das Menü wie in vielen YouTube-Videos beschrieben angelegt. Es funktioniert auch fast alles so wie es soll, jedoch wird mein Unterpunkt im Menü (Home – Teilnehmer 2025) nicht auf dem Handy angezeigt. Auf dem PC wird es ohne Probleme angezeigt. Woran könnte das liegen? Ich habe auf einer Anderen Seite schon Untermenü gebaut und dort funktionieren sie ohne Probleme.
Im englischen Forum wurde mir auch ein Screenshot (Link unten) bzgl. css gesendet, und gesagt, dass ich doch bitte in das deutsche Forum soll. Mit css kann ich leider nichts anfangen, da ich mich damit nicht auskenne.
https://www.screenpresso.com/de/cloud/qLYzNXGCEezj
Ich habe das Menü komplett gelöscht neu angelegt, aber dasselbe Bild. Ich habe auch mit meiner anderen Seite (die ja funktioniert) sämtliche Einstellungen verglichen, auch keine Auswirkung. Also kann es nicht an den Einstellungen liegen.
Wenn ich am Handy Desktopanzeige einschalte, sehe ich das Untermenü, wenn ich aber darauf klicke verschwindet es sofort wieder.
Wechsle ich vom Astra Themes auf z.B. das Twenty Twenty-Five Theme, sehe ich das Untermenü und kann es auch anklicken.
Also wie Ihr seht, suche ich schon mehrere Tage nach dem Fehler, komme aber nicht drauf, wo der Fehler liegt.
Hoffe nun auf Hilfe von Euch, vielleicht kann mir ja auch einer das mit dem css erklären was und wie ich da was machen soll oder eine andere Lösung.
Ich habe WP Vers. 6.7.1 und das Astra Theme.
LGDie Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Hallo @mroemer
das liegt daran, dass im Mobile-Menü das Untermenü über einen Klick/Touch auf einen nach unten zeigenden Pfeil geöffnet wird. Dieser „Pfeil“ ist aber nicht sichtbar, weil er in weißer Farbe auf weißem Untergrund angezeigt wird. Hier hilft ein bisschen CSS.
ul#ast-hf-mobile-menu .ast-menu-toggle { color: #fb5fab; }
CSS-Code kann man (wenn kein Child-Theme vorhanden ist) im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende) einfügen.
Abgekürzter Weg -> (dein-domainname.de/wp-admin/customize.php), also:
/wp-admin/customize.php
an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür
CTRL (STRG)
+SHIFT
+Entf
gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu). Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.
Hallo Angelika,
danke für die schnelle Antwort.
Ich habe Dein CSS eingefügt wie Du es beschrieben hast, dazu ein Bild von mir.
Habe das dann veröffentlicht, aber leider hat sich nichts verändert.
Ich habe es sogar mit einem Browser am Handy versucht, mit dem ich diese Seite noch nie aufgerufen habe. Das Untermenü ist aber leider auch dort immer noch nicht zu sehen.
LGManfred
Ich sehe den neuen CSS-Code aber er wird durch eine CSS-Anweisung mit höherer Priorität überschrieben.
Setz mal ein
!important
sowie ein.elementor-page
in den Code wie folgt:.elementor-page ul#ast-hf-mobile-menu .ast-menu-toggle { color: #fb5fab !important; }
Bingo hat funktioniert und ich breche mir Tage lang die Finger 😉
Super ganz lieben Dank Schönen Tag und Woche nochGerne 🙂
Danke für die Rückmeldung und das Setzen des Threads auf gelöst.
Ich wünsche dir auch einen schönen Tag sowie Woche 👋
- Du musst angemeldet sein, um auf dieses Thema zu antworten.