Wordpress : j'ai besoin d'un conseil pour un affichage mobile différent de bureau

Quartier général
1

Bonjour !
J’ai monter une page bien bien simple pour partager les avis qu’on a déjà donner sur mon entreprise, une page "On parle de nous ! " monter avec des testimonials. Donc j’ai une image ronde avec le texte à côté et la personne citée.

Voilà sur bureau, ça va ! Quand je l’ouvre sur mobile le texte se tasse sur la droite et s’allonge c’est vraiment très laid. En plus on dirait que sur Iphone et sur Android, il ne se place pas de la même manière ! Et chaques testimonial à les même setting, mais ne s’affiche pas pareil !
Je voudrais enlever l’image pour la version mobile. Quand je fouine dans les options du testimonial, je ne vois rien dans "visibility " du genre “Hide for mobile” pour l’image.

Quelqu’un à un trucs pour que je puisse arrivé à ce que je veux ?
Merci d’avance !

ex 1.jpg1118×517 97 KB

2

C’est quoi le site car https://www.mariloudesign.com/ c’est un site wix

1 « J'aime »
3

C’est normal je suis en train de construire le site Wordpress pour disparaitre de sur WIX :stuck_out_tongue: Le transfert sur mon nouvel hébergeur se fait cette semaine !

2 « J'aime »
4

Bon choix! Il faudra quand même que nous ayons accès à ton site Web en construction pour mieux t’aider. :no_mouth:

5

je vous donne quel lien ? ca ?

http://181.224.140.226/~mariloud/on-parle-de-nous/

6

Ce que tu tentes de compléter se fait par CSS avec les media query.
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

1 « J'aime »
7

Salut,

Mets ce code dans tes feuilles de styles CSS. Ça cache tes images de testimonial sur mobile et ça les affiche sur grand écran.

.icon-box-img.testimonial-image {
    display: none;
}
@media (min-width : 768px) and (orientation: portrait) {
    .icon-box-img.testimonial-image {
        display: initial;
    }
}
3 « J'aime »
8

Ça fonctionne ! Yéé !
Merci beaucoup pour le code @Romain_Fallet !

C’est pratique la Tranchée !