Make an image full width on mobile (debutify theme)

[mystictiger]

Hello everybody,

does anyone know how to make only the image full width (padding left and right) on mobile and not the all section ? 

Please see the screenshot below.

Kind regards.

[KetanKumar]

@mystictiger 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Kinjaldavra]

hello @mystictiger 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

[mystictiger]

Hi, Thanks for reaching me.

This is the url : www.eco-renaissance.com

Hope it will help ! 

Kind regards

[Kinjaldavra · Accepted solution]

hello @mystictiger 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
 #shopify-section-1594154459294 .wrapper{
         padding: 0px;
 }
 }

[mystictiger]

It worked perfectly ! 

Thanks for your help !

[mystictiger]

hello @Kinjaldavra 

Thanks for your solution.

May i ask you something else ? 

The image on mobile has no padding that's what i as looking for and with your solution it's works but I still want to have some padding with the text below (for example : 30 px) 

How can I fix that ? 

Kind regards

[Kinjaldavra]

hello @mystictiger 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
#section-1594154459294 .box .wrapper .rte.lead {
        padding: 0px 30px;
}
}

[pavan777]

the solution is not working now could you please help