Nach Umstellung auf neue Version Fehler im responsiven Design 
Autor: Wolfgang H.Meine website habe ich mit X5 Evolution Version 13 erstellt. Gestern habe ich die aktuelle Version gekauft, installiert und damit meine website aktualisiert. Heute wies mich ein Besucher darauf hin, dass auf dem Tablet und Smartphone der Menu Button (3 Striche) angezeigt wird, bei Betätigung aber das Menu in sehr weitem Abstand rechts angezeigt wird, so dass man erst nach links wischen muss, um es zu sehen. In der Vorschau auf dem PC wird es so angezeigt, wie es eigentlich sein sollte.
In den mit den Vorversionen (10,11 und 13) erstellten HPs hatte ich das Problem nicht. Die Umbruchpunkte sind unverändert übernommen. Wie kann ich es so hinbekommen, dass das Menu im Bilfschirm des Tablet oder Smartphone ohne zu wischen erscheibt?
Danke für Hilfe. Zum Ansehen: www.motfidana.de
So einfach konvertieren und ohne zu kontrollieren ob es alles richtig konvertieret hat, ist es nicht.
In der V10 und V11 gab es kein responsives Design, deshalb war es leicht ein Seitenmenü zu machen. Responsive sind die meisten oben im Header enthalten.
In den kleineren Versionen schaltet es automatisch um auf Hamburger wenn kein Platz mehr ist. Allerdings ist wahrscheinlich bei dir im "Inhalt des Templets" einige Objekte außerhalb des sichtbaren Bereichs und deshalb kommt der Rand auf der rechten Seiten. Du musst die Objekte löschen oder reinziehen, damit sie sichtbar sind.
Autor
Danke für die Hinweise. Wie finde ich Objekte außerhalb des sichtbaren Bereichs? Ich habe unter 2, Einstellungen des Templates /Inhalte des Templates alles mögliche versucht, aber nichts gefunden. Dann habe ich die Seitenleiste entfernt und das Menu im Header angeordnet. In der Vorschau auf dem PC war die Darstellung im Tablet- und Smartphone-Format wie gewünscht. Auf dem Smartphone dagegen das Problem wie oben beschrieben.
Für weitere Hilfe bin ich dankbar!
Ich sehe es leider auch nicht genau auf der Website wo genau der Fehler liegt. Er könnte überall liegen.
Du hast ja auch noch nicht die Tablett und mobile Version richtig eingestellt bzw. designed.
Angefangen in der Struktur des Templates und danach auch im Inhalt des Templates. (farbige Punkte anklicken)
MAn kann sehr leicht das design kopieren von der Desktopversion per rechtsklick auf "Struktureigenschaften kopieren"!
Autor
Hallo Andreas, Danke für Deinen letzten Hinweis. Ich bin nun noch einmal allen Spuren nachgegangen. Den entscheidenden Hinweis sah ich auf einem Tablet, auf dem ich Opera als Standardbrowser verwende. Und der Browser zeigte auf mehreren Seiten meiner HP Zeichen rechts außerhalb der Seite an.
Daraufhin habe ich alle auffälligen Seiten mit W5 durchgesehen. Der Fehler lag an Seiten, bei denen ich in einem Feld mit Text in den Vorversionen die Funktion "horizontaler Strich" verwendet hatte, um die Seite zu strukturieren. Nachdem ich diese Striche entfernt hatte sah die Darstellung auf dem Tablet so aus, wie sie aussehen soll.
Mille Gracie!