Adapter au format mobile des images ajouté dans le code

Bonjour,

Je souhaiterais adapté des images ajouté dans le code pour le format mobile.

J’ai essayé avec les media queries mais je n’y parviens pas. Pourriez vous m’aider ?

Le code de mes 4 images ajoutez dans le fichier header.liquid


        {%- unless section.settings.message_link == blank -%}
          
        {%- endunless -%}
                    
![fqhl.jpg|1546x2048](upload://u3K3l9sMkmwx1k5FbkhXl1IcW7L.jpeg)

					
![99xd.png|450x578](upload://GFr7kTc61d2CN8c6j9jfIdYxgG.png)

            		
![dzio.png|380x380](upload://ulE00phIRsKZe8oJr9sssa0plMt.png)

					
![w0dx.jpg|454x380](upload://s1VHePCt6J3K7iTOp4MY6PNgwbo.jpeg)

            

{{ section.settings.message_text | escape }}

        {%- unless section.settings.message_link == blank -%}
          
        {%- endunless -%}
      

voila ce que j’ai ajouté dans le theme.css

.logo-bar-HG{
  @media only screen and (min-width: 700px) {
    .logo-bar-HG{
      height:25%;
      width:8%;
      position:absolute;
      left:2%;
      top:30%;}}
}

Bonjour @Hg_thomas !

C’est une question intéressante ! Je serai ravi de répondre à toutes vos questions concernant la configuration de vos images. Afin de mieux comprendre votre situation, j’aurais besoin de quelques informations :

  • Quel thème (le nom) utilisez-vous actuellement ?
  • Utilisez-vous des applications pour votre boutique, et en avez-vous téléchargé récemment ?
  • S’agit-il d’un phénomène que vous avez observé récemment, ou bien cela s’est-il déjà produit auparavant ?

A titre indicatif, nous disposons d’un guide complet vous permettant de vous assurer que vos images soient bien adaptées à votre thème ainsi qu’à votre boutique en ligne. Vous pouvez consulter ce guide juste ici.

Si ces options ne correspondent pas à ce que vous recherchez, n’hésitez pas à me donner plus de détails concernant vos besoins. Je serai heureux d’étudier avec vous d’autres solutions !