- WordPress :6.4
- Statut : résolu
- Ce sujet contient 8 réponses, 2 participants et a été mis à jour pour la dernière fois par
, le il y a 8 mois et 1 semaine.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : 8.2
- Thème utilisé : Ocean Wp
- Extensions en place :
- Nom de l’hébergeur : o2switch
- Adresse du site : http://www.notabane-parfums.com
Problème(s) rencontré(s) :
Bonjour à tous.
Petite demande d’aide vite fait, car là, j’avoue ne pas comprendre.
Sur une page produit avec ShopEngine, on parle de 5 boutons sur 5 colonnes. (capture p1).
Aucun souci en version ordinateur, mais dès que je passe en tablette ou mobile, comme vous le voyez, le responsive n’est pas pris en compte (capture p2)
J’ai regardé dans les réglages du conteneur et des colonnes, rien.
Une idée svp ?
Cordialement
Salut, tu as oublié de nous donner les informations sur les extensions utilisées.
Avec quoi et comment tu construis cette page ?
J’ai utilisé ShopEngine.
J’ai créé une section, toute simple, avec 5 colonnes, et mis dans chaque un widget bouton
En PJ, une capture en format tablette ou petit écran genre 10 ou 13 »
En version mobile, aucun souci le responsive fait que les boutons se superposent les uns aux autres.
De même, aucun souci en écran de taille considérable.
Mais là, comme vous voyez en capture, les boutons se mettent à dépasser leur colonne
Merci
Salut, avec la Flexbox (conteneur) tu n’as pas besoin de « colonnes » met juste tes 5 widgets à la suite les un des autres.
Pour le comportement responsif tu choisis comment tu veux que ça ce passe. As-tu activé les autres points de rupture disponibles ?
Activer les points de rupture ?
pour moi il y en a 3, que l’on peut modifier, mais en activer plusieurs ? C’est où svp ?
Sur 17″, aucun souci
Sur 15″ je ne sais pas
Sur 13″ les boutons se chevauchent
Sur tablette, se chevauchent
Mobile aucun souci, ils s’empilent
Merci
Dans les réglages « Responsive » dans « Avancé » sur la section de la page, il n’y a que 3 boutons masqué/pas masqué et rien d’autre
Salut, tu as maintenant la possibilité d’utiliser 7 points de ruptures CSS :
- Portrait mobile (767 px)
- Paysage mobile (880 px)
- Portrait tablette (1024 px)
- Paysage tablette (1200 px)
- Portable (1366 px)
- Ordinateur (1613 px)
- Écran large (2400 px)
- Vous devez être connecté pour répondre à ce sujet.