Take padding away from Debut theme on mobile ONLY

AlexSolonyna
New Member
4 0 0

Hey guys, i'm trying everything here, messing around with the CSS (though i'm not too familiar with coding) using available information. My Debut theme has all of the slideshows/images on my homepage with 0 padding on desktop but in mobile, it's all dispersed. I've tried reading up on it but the codes that I saw other's use that had success, once I place them at the bottom of theme.scss.liquid, it messes up the website. If possible, can someone help me out on how to remove padding in between everything on my homepage, strictly on mobile? Because on desktop, it's perfect. 
This is how dispersed it looks on mobileThis is how dispersed it looks on mobilemobilemobiledesktop version, how I want it tobedesktop version, how I want it tobe

0 Likes

Hello ,
Please share your site url.
So that i can check and let you know the exact solution here.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
AlexSolonyna
New Member
4 0 0

Sure thing! Brandnewgodsclothing.com

0 Likes

Hi,

Add this css in this file.
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(min-width:769px){
div#shopify-section-1599326070328 {
    padding: 0;
    margin: 0;
}
div#shopify-section-1599344575648 {
    padding: 0;
}
div#shopify-section-1599773568465 {
    padding: 0;
    margin: 0;
}
div#shopify-section-1599511662648 {
    padding: 0;
    margin: 0;
}
div#shopify-section-1599782773612 {
    padding: 0;
    margin: 0;
}
}

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
AlexSolonyna
New Member
4 0 0

Thank you. But unfortunately, it didn't work =/. It still looks the same
screenshot 3.jpg

0 Likes

Hi,

Add code in 749 media. ie

@media only screen and(max-width:749px){
}

which is already there in your css file.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
AlexSolonyna
New Member
4 0 0

Thank you!!! It worked. Beautiful work!

0 Likes
Mmmwow
New Member
1 0 0

Please tell me exactly where I put this? Sorry - I'm struggling. 

0 Likes