2 Produkte auf mobile in category

    Halli liebe Community

    Ein Kollege hier hat mir bereits sehr geholfen was die Anzeige auf Mobilgeräten angeht. Mit seinem Code funktioniert es, dass im Shop zwei Produkte nebeneinander auf dem Handy angezeigt werden.

    Dasselbe brauche ich auch wenn ich in den Kategorien

    Hier funktioniert es in der Shopseite: https://www.onku.shop/shop/
    Hier in der Seite der Kategorie nicht: https://www.onku.shop/t-shirts/

    Kann mir da bitte jemand helfen? Der funktionierende Code für die Shopseite:

    @Media screen and (max-width: 800px) {
    .woocommerce-container #content ul.products li {
    width: 50%;
    }
    }

    • Gerade eben
    • Anzeige

    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

    Code
    .woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .woocommerce ul.products li {
    width: 50%;
  }
}


    Dieser CSS Schnipsel sollte dir zumindest auf der 'T-Shirt' Seite helfen.
    Aber bitte gründlich testen, ob dadurch nicht an andere Stelle unerwünschte Nebeneffekte entstehen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden