Website X5 Pro 14 – Seitenleiste ist offenbar nicht responsive 
Autor: Michel N.Hallo in die Runde,
nachdem die Arbeit im neuen Website X5 Pro 14 relativ locker von der Hand ging, bin ich nun wiedermal über eine Eigenartigkeit von Website X5 gestolpert, die meine Arbeit ins Stocken und mich ins Grübeln bringt:
Ich bin gerade dabei, eine Webpage (die ich natürlich komplett mit Website X5 erstellt habe) responsive zu machen und hänge derzeit an der Seitenleiste fest (Ausrichtung linker Bildschirmrand). Bei den ersten beiden Breakpoints (1.920px und 1.680px) funktioniert mein Seitenmenü (Seitenleiste vertikal) mit einer Breite von 270 Pixeln tadellos. Ab 1.440px bin ich aber aus Proportionsgründen dazu gezwungen, die Breite der Seitenleiste auf 220 Pixel zu reduzieren, damit mein Hauptseiteninhalt immer noch genügend Platz hat. Nun kann ich zwar über Vorlage -> Inhalt des Templates die Seitenleiste ansich problemlos auf 220 Pixel Breite für den 1.440px-Breakpoint reduzieren, aber die Buttons innerhalb der Seitenleiste (also meine Navigationslinks zu den einzelnen Unterseiten) lassen sich nur global, also nicht individuell für jeden Breakpoint einstellen. Vermindere ich die Breite der Buttons beim 1.440px-Breakpoint, so werden die Buttons bei 1.920px und 1.680px ebenfalls schmaler. Normaler Weise würde man das nicht sehen, da ich aber den Buttons im Seitenmenü über die Randeigenschaften horizontale Trennlinien hinzugefügt habe (die Menütrennlinie funktioniert in Website X5 v14 nicht mehr), ragen diese nun sichtbar über die Seitenleiste hinaus in meinen Hauptseitenbereich hinein. Der angehängte Screenshot sollte das Problem veranschaulichen.
Gibt es eine Möglichkeit, dies zu vermeiden ohne auf das Hamburger-Menü umswitchen zu müssen? Habe ich eine Einstellung in der Eingabemaske für die Buttonbreite übersehen? Ich würde mich sehr über ein paar Tipps freuen…
Grüße Michel
Du musst ab dem Breakpoint ab dem du den Hamburger Button haben willst, das Menü auf "Header und Footer" umstellen in der Struktur des Templates! Damit hast du für den Content genügend Platz wieder und den Hamburger musst du oben in den Header einfügen bei dem Breakpoint.
Autor
Hallo Andreas
und danke für die schnelle Antwort! Bedeutet das also, dass ab dem 1.440px-Breakpoint ausschließlich das Hamburger-Menü eine passende Lösung darstellt und die Buttons in der Seitenleiste nicht so explizit anpassbar sind, wie die Seitenleiste selber? Ich frage nur nochmal, da ab dem 1.440px-Breakpoint im Grunde ein Hamburger-Menü noch nicht wirklich notwendig wäre und ich die Navigation in diesem Bereich lieber über die Seitenleiste bereitstellen möchte.
Falls die Buttons in der Seitenleiste hinsichtlich ihrer Breite tatsächlich nur global und nicht individuell pro Breakpoint einstellbar sein sollten, nehme ich mal an, dass Incomedia hier ein nicht ganz unwichtiges Detail bei der Programmierung von Website X5 übersehen hat. Denn logisch ist das nicht unbedingt, dass man die Seitenleiste zwar in der Breite individuell anpassen kann, die Inhalte der Seitenleiste aber nicht…
Du kannst schon unter 1440px eine Seitenleiste haben mit den Buttons, nur musst du die Seitenleiste in der Breite anpassen, damit sich die Buttons ausgehen. Und nein, die MEnübutton kann man nicht pro Breakpoint in der Länge anpassen. (JEdenfalls nicht ohne Code)
Autor
Wie beschrieben, habe ich die Anpassung der Seitenleiste unter 1.440px bereits problemlos durchgeführt. Das ist also nicht das Problem. Die Buttons innerhalb der Seitenleiste sind es aber schon. Es kommt mir jedenfalls nicht logisch vor, dass man zum Einen die Seitenleiste in der Breite anpassen kann, deren Inhalte aber wiederum nur global festlegt…
Ich denke, ich sollte das Thema dem Incomedia-Team mal als Anregung bzw. Denkanstoß zusenden. Danke Andreas für Deine Tipps und bis zum nächsten Post.
P.s.: Falls Du den passenden Code für mein Button-Problem aus dem Ärmel schütteln kannst und willst, wäre mir das sicher eine große Hilfe!
DAzu gibt es keinen Standardcode. Das ist alles individuell was man anpassen muss.