Problème responsive sur des colonnes (Créer un compte)

  • WordPress :6.4
  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #2475802
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    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

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2475907
    momofr@free.fr
    Modérateur
    Maître WordPress
    7170 contributions

    Salut, tu as oublié de nous donner les informations sur les extensions utilisées.

    Avec quoi et comment tu construis cette page ?

    #2476088
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    J’ai utilisé ShopEngine.

    J’ai créé une section, toute simple, avec 5 colonnes, et mis dans chaque un widget bouton

     

    #2476089
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    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

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2476135
    momofr@free.fr
    Modérateur
    Maître WordPress
    7170 contributions

    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 ?

    #2476261
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    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

    #2476276
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    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

    #2476289
    momofr@free.fr
    Modérateur
    Maître WordPress
    7170 contributions

    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)

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2476320
    Guillaume Homespot
    Participant
    Initié WordPress
    48 contributions

    bonjour

    j’ai créé les différents formats responsive, mais cela ne joue en rien sur les boutons.

    Il y a une configuration à faire, pour ces boutons, pour qu’ils deviennent responsive je pense

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