thème customizr : Enlever les images mises en avant sur la version mobile

  • WordPress :4.9.4
  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #2142299
    gluglu196
    Participant
    Initié WordPress
    20 contributions

    Ma configuration WP actuelle :

    • – Version de WordPress : 4.9.5
    • – Version de PHP/MySQL : 7.0.27 / 5.6.34
    • – Thème utilisé : themeenfantcustomizr
    • – Extensions en place : Akismet Anti-Spam (4.0.3), Childify Me (1.1.1), Contact Form 7 (5.0.1), Forum_wordpress_fr (4.1), Imagify (1.7), InstaShow Lite (1.4.2), Kiwi Social Share – Social Media Share Buttons & Icons (2.0.6), Magic Liquidizer Responsive Table (2.0.0), Menu Icons (0.11.2), PB SEO Friendly Images (3.0.0), Polylang (2.3.1), SecuPress Free — WordPress Security (1.3.3), TinyMCE Advanced (4.6.7), UpdraftPlus – Backup/Restore (1.14.4), WP Rocket (2.11.6), Yoast SEO (6.3.1)
    • – Adresse du site : http://www.lescarnetsdemickeline.com
    • – Nom de l’hébergeur : Apache

    Bonjour,

    Je me demandais si il était possible d’enlever mes images mises en avant, mais juste sur la version mobile? Parce que les images mises en avant ne sont pas redimensionnées en version mobile et ça ne rend vraiment pas top ….

    En vous remerciant 🙂

     

    #2142951
    PhiLyon
    Modérateur
    Maître WordPress
    23948 contributions

    Bonjour.

    Quelles images, donnes un exemple ?

    🙂

    #2142994
    hocus35
    Participant
    Initié WordPress
    26 contributions

    Hello,

    Pour cela, tu peux utiliser les medias queries de CSS et cacher les images pour certaines résolutions d’écrans.
    Mais tes images semblent bien se redimensionner. De quelles images parles tu exactement ?

    #2143208
    gluglu196
    Participant
    Initié WordPress
    20 contributions

    Oh oui toutes mes excuses,il s’agit des 4 petites images sous mon bandeau défilant. Elles ne se redimensionnent pas en version mobile et ça reste des gros carrés. Du coup je prefererais les enlever de la version mobile car il faut défiler la page pour arriver aux premiers articles de mon blog.

    La mes images à la une sont  bien centrées sous le bandeau sur la version web.

    La version mobile, mon bandeau est bien resizé mais pas les 4 carrés d’images.

     

    • Cette réponse a été modifiée le il y a 1 année et 6 mois par  gluglu196.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2143384
    hocus35
    Participant
    Initié WordPress
    26 contributions

    Tu peux ajouter ça dans ton fichier CSS.

    @media only screen and (max-width: 767px) {
    	.fpc-container{display:none}
    }

    Par contre, je trouve dommage de se passer des ces images sur le mobile puisqu’elles constituent un point d’entrée vers d’autres pages.  Il faudrait regarder si tu ne peux pas paramétrer cet élément pour qu’il soit mieux adapté aux mobile

    #2144425
    gluglu196
    Participant
    Initié WordPress
    20 contributions

    Merci beaucoup 🙂

    oui je prefererais les redimensionner si possibles ou changer la forme, c’est juste que là ça rend bizarre sur mobile je trouve, ça ne suit pas avec le reste.

    je vais faire des tests pour voir si j’arrive à quelque chose

    #2155535
    gluglu196
    Participant
    Initié WordPress
    20 contributions

    J’ai tenté plusieurs manipulations et hélàs ça ne donne toujours rien 🙁

    Le code CSS ajouté que tu m’as donné Hocus35 ne fonctionne hélàs pas.

    Il y a bien cette zone en dessous des images à la une ou je peux ajouter un “hook personalisé” mais je ne comprend pas bien ce que c’est, est ce que ça pourrait être une piste de solution?

    Merci pour vos réponses 🙂

    #2155538
    PhiLyon
    Modérateur
    Maître WordPress
    23948 contributions

    Bonjour.

    En testant avec la vue adaptative du navigateur, tes 4 images rondes apparaissent bien et sont entières.

    🙂

    #2156843
    gluglu196
    Participant
    Initié WordPress
    20 contributions

    Bonjour Philyon,

    Oui c’est bien le problème, sur la version mobile elles restent de la même taille que la version PC, et du coup je n’aime pas le rendu version mobile.

    J’aurais préféré, au lieu de actuellement les 4 images rondes à la suite les unes des autres, qu’elles soient resizé en deux ou trois fois moins grosses sur mobile. je trouve que ça rend bizarre, pas très responsive… 🙂

    je cherche encore une solution mais la doc pour le thème customizr reste incroyablement limitée 😀

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