Spalten kollabieren nicht (float)

benjaminkasper

Hallo zusammen

Auf unserer Startseite http://gschenkl%c3%a4deli.ch sind vier Kategorien unseres Shop aufgeführt. Wir haben diese Kategorien mit "float" gestaltet. Leider kollabieren diese im Handyformat nicht untereinander, sondern werden ausschliesslich kleiner.

Was müssen wir tun, damit die vier Kategorien im Handyformat untereinander statt nebeneinander dargestellt werden?

Vielen Dank für eure Hilfe.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Sailor56

'float' ist auf jeden Fall für deine Zwecke untauglich!
Versuche mal den folgenden Code im 'zusätzlichen CSS'....

CSS

.post-content > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.post-content > div:nth-child(2) div {
  width: 255px !important;
}
#page-wrap .page-content .boxed-wrapper {
  height: auto !important;
}

Alles anzeigen

Vielleicht noch nicht die Ideallösung, sollte dich aber etwas weiter bringen.
Nach der Änderung auf jeden Fall alle überprüfen, ob irgendwo unerwünschte Nebenwirkungen auftreten.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Spalten kollabieren nicht (float)

Jetzt mitmachen!