Solved

Make an image full width on mobile (debutify theme)

mystictiger
Tourist
11 0 2

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.

temp.jpg

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an 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;
 }
 }

 

View solution in original post

Replies 8 (8)

KetanKumar
Shopify Partner
36839 3635 11972

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1422

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
Tourist
11 0 2

Hi, Thanks for reaching me.

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

 

Hope it will help ! 

 

Kind regards

Kinjaldavra
Shopify Partner
2302 570 1422

This is an 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
Tourist
11 0 2

It worked perfectly ! 

 

Thanks for your help !

mystictiger
Tourist
11 0 2

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
Shopify Partner
2302 570 1422

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
Visitor
1 0 0

the solution is not working now could you please help