Hallo, ich vermute, die Überschrift ist etwas unglücklich formuliert, aber ich weiß auch nicht so recht wie ich meine Frage anders in dieser kurzen Form beschreiben soll. Daher habt Nachsicht mit mir Nun zur eigentlichen Frage: In unserem Shop haben wir oben neben der Suchleiste den Header bestückt. Darin befinden sich zwei Dinge, die, wenn ich das Browserfenster verkleinere um Mobilgeräte zu simulieren, verrutschen. Wie kann man das realisieren, dass der Inhalt eher ganz verschwindet, als so zu verrutschen, wenn jemand nicht über die notwendige Bildschirmgröße verfügt? Zu sehen unter www.lips-trauringe.de Danke Beste Grüße David
Du nimmst die Inhalte die verschwinden sollen in eine eigene Abteilung, zum Beispiel im Header in freier Inhalt. Dann weist du dem Element freier Inhalt für kleinere Bildschirmgrösse im Styleedit 0 Spalten Breite zu. Achte darauf, dass alle Elemente im Header nebeneinander trotzdem immer 12 Spalten insgesamt ergeben, für jede Größe. Zum Beispiel für den Desktop: 3 Logo + 3 Suche + 3 freier Inhalt + 3 Warenkorb = 12 Zum Beispiel für mobil: 4 Logo + 4 Suche + 0 freier Inhalt + 4 Warenkorb = 12
Danke Wilken, das habe ich jetzt eine ganze Weile probiert die Anzeige für Medium zu ändern, aber da rutscht mir immer der Warenkorb nach unten. Ich habe mehrfach verschiedene Kombinationen ausprobiert, auch die gleichen wir bei Klein, aber immer das gleiche Problem. Woran kann das liegen? Die Summe ergab auch jeweils 12
??? Seit wann verstellen sich die Breakpoints durch das verstellen der Shopbreite? Die Breakpoints sind doch nicht prozentual sondern nach pixel in den Mediaqueries angegeben? Ich hab meinen Shop auch auf 2000px gestellt, und es gibt keine Probleme. LG: Tammy
Ich hatte das schon, dass der Shop auf 1800px verbreitert wurde und bei einem Bildschirm von 1200px alles verschoben war, weil da etwas nicht mehr gepasst hat. irgened etwas hatte ein media-min-width von 9xx px ein anderer Bereich aber 1200px Das funktionierte nicht.