Debut Theme Mobile Spacing

Solved
WhytelineCollec
Tourist
3 0 3

Hi,

We’re having an issue with the spacing between our slideshow and gallery when viewing from a mobile. 

When viewing on a laptop, there’s no space at all between our slideshow and brand gallery- which is exactly as we’d like it. The same cannot be said for mobile, as there’s a large section of empty space that I’m hoping we can get rid of.

URL: whyteline-collective.myshopify.com

Can anyone give us any ideas as to how to remove this? Is it possible to do?

HardikDavra
Shopify Partner
2244 348 964

This is an accepted solution.

Hello, @WhytelineCollec 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 600px) {
#shopify-section-16206168516f21b51c {
padding-top: 0px;
}
#shopify-section-162076785886541e52 {
padding-bottom: 0px;
}
}
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
WhytelineCollec
Tourist
3 0 3

That worked to remove the space, however there is now padding around our gallery images (brands). Is there any way to ensure these don’t have any padding?

HardikDavra
Shopify Partner
2244 348 964
@media only screen and (max-width: 749px) {
.image-bar {
    max-width: 100%;
    overflow: unset;
}
}
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
WhytelineCollec
Tourist
3 0 3

It worked! Thank you so much.

HardikDavra
Shopify Partner
2244 348 964

Thank you for the update.

PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes