Footer Mobile Ansicht

[nep]

Hallo,

seit dem Shop Update auf 4.3 springt der Footer nicht mehr richtig.
Wir haben 4 Boxen, 2 überlappen sich. Eigentlich sollten die 4 Boxen untereinander angezeigt werden.
Als Beispiel habe ich ein Bild der stark vergrößerten Desktopansicht angehängt (In der mobilen Ansicht hängen die Boxen richtig übereinander und über die Seite hinaus).

Gibt es hierzu einen Tipp?

Vielen Dank!
Nep

 

[css-umsetzung]

AW: Footer Mobile Ansicht

Anhand des Bildes ccs und container Eigenschaften zu erkennen, geht noch nicht.

 

[nep]

AW: Footer Mobile Ansicht

Hallo,

danke für die Antwort.
Ich bin nicht sicher ob es Container oder Boxen sind, und was genau der Unterschied ist?
(Wahrscheinlich sind es normale Boxen aus dem CMS)
Gibt es für den footer nicht irgendeine zeile die den Breakpoint steuert? Für die Boxen "Neu im Sortiment" usw habe ich das schon gefunden.
Vor dem Update waren alle 4 sauber untereinander angeordnet.
Ich habe jetzt eine Notlösung gefunden aber es wäre mir lieber wenn alle Boxen in der mobilen Ansicht wieder untereinander angezeigt werden würden.

Grüße
Nep

 

[css-umsetzung]

AW: Footer Mobile Ansicht

Darum wäre es wichtig, das zu sehen, weil wir ja nicht wissen, ob der Inhalt zu groß ist oder wo es sonst klemmt.

 

[nep]

AW: Footer Mobile Ansicht

Ok, Danke!
Welche datei oder zeile brauchst du dafür genau?

 

[css-umsetzung]

AW: Footer Mobile Ansicht

Link zum shop

 

[nep]

AW: Footer Mobile Ansicht

... pn

 

[css-umsetzung]

AW: Footer Mobile Ansicht

Ich hab dir das mal markiert, alle Boxen haben dort so wie bei den Pfeilen zu sehen eine 6 zu stehen, ich habe um das zu verdeutlichen, den beiden oberen eine 12 gegeben, dadurch werden diese jetzt im xs Bereich automatisch in einer Zeile dargestellt.



Das ist ein GRID System
Die Zahl gibt an, wie viel Platz beansprucht wird, das xs, lg, md und sm sind die jeweiligen Sprungmarken die Auflösungsabhängig definiert sind

Hier eine kleine Einführung, wenn man responsive Seiten hat muss man sich unweigerlich, ein wenig damit auseinandersetzen und die Grundlagen kennen, um zu verstehen, was man von nun an alles machen kann und auch tunlichst unterlassen sollte.

Bootstrap Grid System

 

[nep]

AW: Footer Mobile Ansicht

Vielen Dank! Funktioniert einwandfrei. Wieder etwas gelernt!