In der mobilen Ansicht ist kein Menü sichtbar

Klee

Hallo!

Ich habe einen schwarzen Hintergrund im Hauptmenü.

In der PC-Ansicht bin ich sowei zufrieden, doch wenn das Menü durch die mobile Ansicht zu breit ist, sieht man nur noch einen schwarzen Balken.

Erst wenn man mit den Finger in den schwarzen Balken klickt, öffnet sich das Menü sichtbar nach unten.

Das sorgt für Verwirrung, weil zunächst keine Navigation sichtbar ist.

Gibt es dazu eine Einstellung, damit die Navigation sofort sichtbar ist?

Vielen Dank im Voraus!

Andre G.

Du brauchst doch nur im Layout-Designer > Dropdownmenü die Schrift- und Hintergrundfarbe ändern. Dann sollte auch wieder alles sichtbar sein.

Klee

Hallo Andre,

danke für deine schnelle Antwort.

Schau mal: sobald ich das Browserfenster zusammenschiebe, wandert das Suchefeld in das Hauptmenü und verdrängt den Text nach unten.

Im ersten Moment sieht man nur den schwarzen Balken.
Klickt man in den schwarzen Balken, öffnet sich das Menü.

Funktioniert alles, nur darauf muss der Besucher erst mal kommen.

Was mache ich was falsch??

Andre G.

Füge unter Einstellungen > CSS mal folgendes ein:

CSS

<style>
#mobilenavtoggle {
    color: #fff !important;
}
</style>

Andre G.

Ansonsten müsstest du meine ich den Hintergrund ändern.

Stefan S

Ursache ist, dass die Schriftfarbe mit #222 definiert ist, dadurch ist der Button für die mobile Navigation nicht lesbar.

Lösung: In den Layout-Einstellungen die Farbe für "Hauptmenü > Allgemein > Schriftfarbe" auf z.B. #ffffff (weiß) ändern.

Klee

An alle!

Vielen Dank für die Lösungen.

Beides funktioniert und ich habe wieder etwas mehr Verständnis für die Abläufe gewonnen.

Danke für die Hilfe.

Andre G.

Hallo Klee ,

Die Lösung von Stefan ist natürlich die richtige Option. Ich hatte den Weg dahin nicht gefunden.

Jetzt mitmachen!