Removing white spacing on mobile THEME: Venture

MichaelMiller1
Tourist
4 0 2

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!

 

MichaelMiller1_0-1626743993363.pngMichaelMiller1_1-1626744061821.png

 

Bunty
Tourist
93 22 57

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)

0 Likes
dmwwebartisan
Shopify Partner
7370 1746 2334

@MichaelMiller1 

Please share your store url.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
MichaelMiller1
Tourist
4 0 2

There is my URL @dmwwebartisan 

0 Likes
MichaelMiller1
Tourist
4 0 2

@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

0 Likes
Natztech
Shopify Partner
1385 389 944

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 ;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
dmwwebartisan
Shopify Partner
7370 1746 2334

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Bunty
Tourist
93 22 57

@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

0 Likes
LitExtension
Shopify Partner
1228 157 217

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

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes