WebSite X5Help Center

 
Aleksandar L.
Aleksandar L.
User

Wo konfiguriere ich das Aussehen des Menüs für das Responsive Design?  de

Author: Aleksandar L.
Visited 2601, Followers 1, Shared 0  

Ich nutze Website x5 Professional.

Mein Problem:

1) Wo kann ich das Menü für das Responsive Design konfigurieren? Die Breite und die Höhe der einzelnen Buttons, da ich einen zweizeiligen Text habe und dieser dann halb abgehackt ist.

2) Auch das Einstellen des Farbhintergrunds ist mir nicht ganz klar.

Ich habe eine Gruppe mit Unterpunkten gebildet. Wenn ich in der mobilen Ansicht das Menü aufklappe, dann ist der Hintergrund dieser Punkte grau. Ich möchte dort aber die Farbe anpassen.

Posted on the
13 ANSWERS - 2 USEFUL - 1 CORRECT
Andreas S.
Andreas S.
Moderator

Ganz einfach unter "1" Templatestil -->Dropdown Menü kann man die Werte anpassen ,denn die werden auch für das mobile Menü verwendet !

Read more
Posted on the from Andreas S.
Aleksandar L.
Aleksandar L.
User
Author

Hallo Andreas,

vielen Dank für die schnelle Antwort. Dort war ich auch, mein Problem ist, dass irgendwie nicht alle Farben konfiguriert werden können.

Wenn ich in der Responsiven Ansicht eine Menügruppe ausklappe, dann sind die Untermenüpunkte im nicht-ausgewählten Zustand leicht grau hinterlegt.

Diese Farbe würde ich gerne ändern wollen, nur nirgendwo ist diese Einstellung für mich sichtbar.

(siehe Anhang)

Read more
Posted on the from Aleksandar L.
Aleksandar L.
Aleksandar L.
User
Author

Auch Punkt 1 ist weiterhin offen. Die Höhe/Breite der Menübuttons im Responsiven Design möchte ich ändern. Wo kann ich das tun?

Read more
Posted on the from Aleksandar L.
Andreas S.
Andreas S.
Moderator

Den Menübutton kann man nicht so einfach verändern. Dazu müsstest du die Schrift vergrößern.

Den Hintergrund ist aber im Dropdown Menü einstellbar. Entweder ist es der normale, der Mouseover oder der Aktive Hintergrund.

Read more
Posted on the from Andreas S.
Aleksandar L.
Aleksandar L.
User
Author

Siehe Anhang.

Hier ist die Schrift eindeutig zu groß, obwohl in dem normalem Menü alles in Ordnung ist. Wenn ich die Schrift für das normale Dropdownmenü verkleiner, dann erfüllt es nicht mehr dem, was ich umsetzen will. 

Die Menüs müssen irgendwie unterschiedlich einstellbar sein.

Zu 1)

Ich habe den Punkt nirgendwo finden können. Habe alle Farben probiert.

Read more
Posted on the from Aleksandar L.
Aleksandar L.
Aleksandar L.
User
Author

So, eine Sache konnte ich lösen, nämlich Punkt 1.

Dieser wirkt sich für das Dropdown-Menü wirklich auf beide formate (responsive und normal) aus.

Die Höhe und die Breite habe ich dann bei Template-Stil, Stil des Drop-Down-Menüs und dann im Reiter Allgemein mit folgenden Werten gespielt:

Breite

und 

Rand: Dort die vertikale Höhe angepasst, so waren die nächste Zeile nicht mehr abgehackt.

Meine Frage mit dem Farbhintergrund bleibt aber weiterhin offen.

Read more
Posted on the from Aleksandar L.
Andreas S.
Andreas S.
Moderator

Kann ich nur beantworten wenn ich die Seite Online sehe !

Read more
Posted on the from Andreas S.
Aleksandar L.
Aleksandar L.
User
Author

Hallo Andreas, ist es möglich dir den Link privat zu senden, damit du rüberschaust? 

Die Antwort zu dem Problem kannst du dann gerne hier posten.

Read more
Posted on the from Aleksandar L.
Andreas S.
Andreas S.
Moderator

Habe es bei allen Browsern getestet aber keine Hintergrundfarbe mehr gefunden !

Read more
Posted on the from Andreas S.
Aleksandar L.
Aleksandar L.
User
Author

Hallo Andreas, klick mal auf Kontakt. Das Menü muss aufklappen, dann siehst du es. Der Hintergrund bezieht sich auf "Impressum" etc.

Read more
Posted on the from Aleksandar L.
Andreas S.
Andreas S.
Moderator

Ich weis jetzt was du meinst ! Aber das dürfte im Skript verankert sein, dass es eine Schattierung anzeigt bei Mauskontakt wenn das Untermenü aufklappt. Einstellbar ist es anscheinend nicht, aber du kannst dir mit dem Code derweilen behelfen.

<style>

#imMnMn ul ul li .imMnMnTxt {    background-color: #fff!important;}

</style>

Gehört natürlich unter "4" SEo&Code Reiter "Erweitert" vor dem </head> Tag eingefügt.

Read more
Posted on the from Andreas S.
Aleksandar L.
Aleksandar L.
User
Author

Sehr schön. Das klappt wunderbar!

Vielen Dank

Read more
Posted on the from Aleksandar L.