Layout avec changement d’ordre affichage sur un mobile (Créer un compte)

  • WordPress :6.5
  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #2479907
    vcab
    Participant
    Initié WordPress
    9 contributions

    Bonjour,

    Ma configuration WP actuelle est la 6.6.1

    • Version de PHP/MySQL :
    • Thème utilisé : twenty twenty four
    • Extensions en place :
    • Nom de l’hébergeur : LWS
    • Adresse du site : kravmagavalence.com

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

    Bonjour, je fais appel à votre aide pour un problème de mise en place sur une de mes pages. J’aimerai organiser 3 sections qui viendraient se mettre en place différemment selon une vue sur ordinateur ou bien mobile.

    Actuellement j’ai deux colonnes avec dans celle de gauche deux sections et sur celle de droite une section. J’ai utilisé un code en css pour inverser l’ordre des colonnes sur la vue mobile afin que la colonne de droite apparaisse en premier mais j’aimerai avoir une disposition plus complexe.

    J’aimerai qu’en vue mobile la section du haut de la colonne de gauche reste en haut de la pile, puis vienne se mettre la colonne de droite, et enfin terminer par la section du bas de la colonne de gauche.

    Je pense pas que cela soit possible avec le système de colonne mais je ne vois pas comment faire autrement 🙁

    J’ai posté mes deux exemples en dessins sommaires et je peux mettre mon site en ligne si besoin pour que vous voyez l’affichage d’origine (page contact)

    Merci

    • Ce sujet a été modifié le il y a 3 semaines et 6 jours par Flobogo.
    • Ce sujet a été modifié il y a 3 semaines et 6 jours par Flobogo. Raison : déplacé en rubrique "support WordPress" (sujet sans rapport avec Gutenberg)
    #2479908
    vcab
    Participant
    Initié WordPress
    9 contributions

    je crois que les pièces jointes n’ont pas été téléchargées correctement. Les voilà.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2479979
    vcab
    Participant
    Initié WordPress
    9 contributions

    J’ai trouvé entre temps une solution avec le bloc Grille. En utilisant 3 groupes empilement dont deux utilisent la largeur de la page. Le troisième se trouve alors en dessous à gauche. Il suffit ensuite de spécifier un row span à 2 sur le deuxième groupe pour qu’il vienne s’agrandir et occuper la place libre en bas à droite. Sur la vue mobile l’affichage se fait pour le coup correctement.

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