Sense theme: How to set images on mobile full width?

mistery
Visitor
3 0 0

Hello guys, I already checked within the topics to find some type of code but it did not work out for me unfortunately... Can someone provide me with instructions to get my Product images full width ON MOBILE Only? Picture attached to showcase what I mean, there should be no space left or right from the images... Thankyou in advance..

 

 

 

 

 

 

2E3E38B2-D682-44E9-8FD3-E447E3A52012.jpeg

 

 

 

 

Replies 2 (2)

PageFly-Victor
Shopify Partner
7865 1785 3050

Hi @mistery 

 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

 

PageFlyVictor_0-1680437543117.png

 

PageFlyVictor_1-1680437543125.png

 

 

<style>

@media screen and (max-width: 767px){

.media-wrapper {
      max-width: 400px;

    width: 394px;

    margin-left: -20px;
}
}

</style>

 

 

Hope this answer helps.

Best regards,

Victor | PageFly

 
mistery
Visitor
3 0 0

Hi Victor, thankyou for your fast reply. Unfortunately it did not work out for me.... I don't know why because I saw people earlier fix this problem also with sense theme...