- WordPress :5.8
- Statut : non résolu
- Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 2 années et 3 mois.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : 7.4.30 / 10.5.12
- Thème utilisé : Blocsky
- Extensions en place : Woolentor, Woocomerce, Elementor, Boxtal, MailJet
- Nom de l’hébergeur : Hostinger
- Adresse du site : https://befreshbio.com/
Problème(s) rencontré(s) :
Bonjour,
Pour ma boutique e-commerce, j’ai terminé la partie responsive ordinateur. Mais en basculant en mode responsive tablette et mobile, la mise en page n’est pas bonne.
Les articles de ma boutique sont ajoutés via le widget « produits ». Comment je peux basculer en scroll horizontal ?
Merci pour votre aide !
Salut, le scroll vertical est naturel sur mobile, tous les sites web le proposent par défaut.
Ce que tu montres est une disposition sur mobile utilisant le scroll horizontal.
Tu peux arriver à quelque chose de similaire avec des CSS pour changer le comportement du conteneur de la liste utilisée pour afficher les produits (ul et li…) regarde du côté de la Flexbox pour ça.
Salut, c’est ok pour la flexbox elle est active maintenant. J’ai ajouté les articles dans différents conteneurs, la barre de défilement horizontale est là mais la mise en forme n’est pas bonne et impossible de faire quelque chose de mieux (voir PJ).
Sur internet je n’ai pas trouvé d’infos claires qui correspondent à mon cas, est-ce que je suis passée à côté de quelque chose ? Concernant les modifs de CSS je n’y connais rien, je veux bien plus d’infos si tu en as ?
Salut, sur ce que je vois les « li » ne sont pas définies pour leur largeur et donc ça s’empile grave horizontalement. Il te faut travailler la largeur des « li ».
Tu as regardé cette vidéo sur la FlexBox ?
- Vous devez être connecté pour répondre à ce sujet.