Présentation du catalogue produit sur mobile

  • WordPress :4.9.4
  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #2172830
    ElooodieWP
    Participant
    Initié WordPress
    25 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.5.59
    • Thème utilisé : Storefront
    • Extensions en place : Jetpack, Advanced Flat Rate Shipping For WooCommerce Pro, Advanced Product Labels for WooCommerce, affilinet Performance Ads, Akismet Anti-Spam, Akismet Privacy Policies, Breadcrumb NavXT, Broken Link Checker, Contact Form 7, Elementor, Homepage Control, Instagram Feed, Max Mega Menu, MetaSlider, Newsletter, Really Simple CAPTCHA, reGenerate Thumbnails – advanced, TinyMCE Advanced, TranslatePress – Multilingual, WC Fields Factory, Woo File Dropzone, WooCommerce, WooCommerce Cart Tab, WooCommerce Customizer, WooCommerce PayPal Express Checkout Gateway, WooCommerce PDF Invoices & Packing Slips, WooCommerce PDF Invoices & Packing Slips Professional, WooCommerce Stripe Gateway, WP Maintenance Mode, Yoast SEO, Redirection
    • Nom de l’hébergeur : 1and1
    • Adresse du site : https://www.boballon.com

    Problème(s) rencontré(s) :

    Bonjour,

    Via la personnalisation assistée de storefront j’ai paramètres la présentation du catalogue produits en 4 images par ligne. En mode responsive sur mobile la présentation est de 1 image par ligne et je voudrais passer à 2. J’imagine qu’il y a un code à insérer dans le head mais je ne trouve pas. Pourriez-vous m’aider?

    Merci beaucoup! 🙂

    #2172865
    Joss47
    Modérateur
    Maître WordPress
    4332 contributions

    Bonjour,

    Dans ton CSS additionnel ou thème enfant ajoute cela:

    @media (max-width: 768px) {
    ul.products li.product {
    width: 48%;
    float: left;
    clear: both;
    }
    
    ul.products li.product:nth-child(2n) {
    clear: none;
    float: right;
    }
    }

2 sujets de 1 à 2 (sur un total de 2)
  • Vous devez être connecté pour répondre à ce sujet.