[Résolu] Thème responsive sur mobile qui ne fonctionne pas sur les images mises en avant (Créer un compte)

  • WordPress :5.4
  • Statut : résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #2343591
    La Flamboyante
    Participant
    Initié WordPress
    4 contributions

    Bonjour,

    Ma configuration WP actuelle :
    – Version de WordPress : 5.4.1
    – Version de PHP/MySQL : 7.2.30 / 5.6.46
    – Thème utilisé : laflamboyante
    – Thème URI : https://la-flamboyante.com/
    – Extensions en place : Everest Toolkit (1.1.9), Forum_wordpress_fr (4.2), Jetpack by WordPress.com (8.5), Regenerate Thumbnails (3.1.3), RICG Responsive Images (3.1.1), ShortPixel Adaptive Images (1.8.7), Yet Another Related Posts Plugin (YARPP) (5.1.6)
    – Adresse du site : https://la-flamboyante.com
    – Nom de l’hébergeur : Apache

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

    Bonjour à tous,

    Je bloque depuis quelques jours sur la mise en place de mon thème en responsive.
    J’ai réussi à rendre adaptatif tous les éléments sauf les images liées à mes articles, j’ai testé 3600 choses et lu pas mal de discussions mais les différentes implémentations n’ont pas fonctionné, j’ai aussi testé pas mal de plugins comme indiqué dans mes extensions mais rien à faire, je m’en remets donc à votre aide précieuse 🙂

    Voici le code CSS sur lequel je me suis arrêtée pour limiter les dégâts :

    @media screen and (max-width: 625px){
    #wrap{width: auto; flex-direction: column; padding: 0 20px;overflow:auto;)
    #content{width: auto; flex-direction: column; padding: 0 20px;overflow:auto;}
    #sidebar {padding: 0;}
    #footer {flex-direction: column;}
    }
    @media screen and (max-width: 976px){
    #wrap{width: auto; flex-direction: column; padding: 0 20px;overflow:auto;)
    #content{width: auto; flex-direction: column; padding: 0 20px;overflow:auto;}
    #sidebar {padding: 0;}
    #footer {flex-direction: column;}
    }

    @media screen and (max-width: 959px) {
    #wrap{width: auto; flex-direction: column; padding: 0 20px;overflow:auto;)
    #content{width: auto; flex-direction: column; padding: 0 20px;overflow:auto;}
    #sidebar {padding: 0;}
    #footer {flex-direction: column;}

    Les images dépassent ainsi que quelques lignes de texte (uniquement dans les blocs de mes articles),

    Auriez-vous des conseils ??

    Merci d’avance et très belle journée 🙂

    #2343598
    momofr@free.fr
    Modérateur
    Maître WordPress
    3204 contributions

    Salut, pour les images voilà la règle qui va bien partout pour les image à la une, pas besoin de media queries :

    .attachment-post-thumbnail.size-post-thumbnail.wp-post-image.jetpack-lazy-image.jetpack-lazy-image--handled {
    	height: auto;
    	max-width: 100%;
    }

    #2343600
    La Flamboyante
    Participant
    Initié WordPress
    4 contributions

    Merci énormément !!! 🙂

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