Comment inverser l’ordre des éléments entre téléphones mobiles et ordinateurs ?
Dans les cas où des images et des textes sont placés les uns sous les autres sur une page, l’ordre de ces éléments peut ne pas être le même sur les mobiles et les ordinateurs. Que faire pour régler ce problème ?
Prenons comme l’exemple les deux premiers éléments de la page Services. L’affichage sur l’ordinateur est le suivant :
Par contre, l’affichage sur les appareils mobiles n’est pas coherent, car deux images sont affichées l’une après l’autre. Quell’est la solution ?
Rendez-vous dans le :
Tableau de bord > Yootheme > Pages.
Trouver et choisissez la page ou l’article que vous voulez modifier (ici c’est la page Services). Dans la partie en question (ici c’est la partie NOS SERVICES), trouvez des modules pertinents, il y en a 3 modules (Panel + Image ou Image + Panel).
L’idée s’est d’ajouter un module (Panel + Image) a la fin et de modifier la visibilité des deux modules au milieu dans la manière suivante :
- Le premier module au milieu (Image + Panel) sera visible pour les appareils à partir des tablettes.
- Le deuxième module au milieu (Panel + Image) sera visible seulement pour les appareils mobile.
Comment faire ?
Premièrement, choisissez la partie Image du premier module au milieu, puis Paramètres > GÉNÉRAL > Visibilité > Visible Medium (Tablet Landscape).
En suite, choisissez la partie Panel du premier module au milieu, puis Paramètres > GÉNÉRAL > Visibilité > Visible Medium (Tablet Landscape).
Puis, choisissez la partie Panel du deuxième module au milieu, puis Paramètres > GÉNÉRAL > Visibilité > Hidden Medium (Tablet Landscape).
À la fin, choisissez la partie Image du deuxième module au milieu, puis Paramètres > GÉNÉRAL > Visibilité > Hidden Medium (Tablet Landscape).
L’affichage des elements ne se change pas sur les grands ecrans. Voici l’affichage des modules en appareils mobiles :
GO4SHOP !