Removing white spacing on mobile THEME: Venture

Hello, Shopify Support I am trying to remove the extreme white spacing that shows on my website using the Venture theme as seen below on mobile. If possible I would like the image with text to overlap the slide below like it does above. But if it isn’t possible that is fine. Please help me very urgent!

try

.index-section {
    margin-bottom: 10px;
}

in your theme.css

You can reduce 10px further to reduce the space (by default this is st to 50px in Venture)

@MichaelMiller1

Please share your store url.

https://www.pupsip.com/

There is my URL @dmwwebartisan

@Bunty Hey Bunty that did wonders for the website, but didn’t change anything for mobile. do you have any solution for mobile. Thank you :heart:

hello @MichaelMiller1

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

@media only screen and (max-width: 789px){
#shopify-section-image-content{
	margin-bottom: 0;
}
#shopify-section-16267055244894cc38{
	background: #ffffff ;
}
}

@MichaelMiller1

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width:749px){
div#shopify-section-16267055244894cc38 {
    margin-top: -64px;
}
}

Hope this works.

Thanks!

@MichaelMiller1 it did have an impact on the mobile too but is less obvious on mobile. I think the other issue is that image has a padding around it, if you strip that out and load it, that gap should be reduced

This is the image, just drop the top padding out of the image and load it back up

https://cdn.shopify.com/s/files/1/0580/1558/0317/files/Add_a_heading_5_300x.png?v=1626705867

I checked and it shows fine: https://i.imgur.com/EtqxYLl.png
Do you want me to check something else?