(Debut Theme) Help removing white space

Solved
jthorn877
Tourist
8 0 3

Hi all,

I have some white space between images that I would like to remove to bring the images closer together, and closer to the header. See the attached screenshot; the areas marked in blue are areas that I would like to remove. Thanks!

https://ibb.co/fFmbJDx

Site: https://rockymountaintradingco.myshopify.com/?key=91191cafcd6850da40b93b5b95f14b20aeff33d6c968c0578e...

Pass: feapro

dmwwebartisan
Shopify Partner
9136 2117 2885

@jthorn877 

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

@media only screen and (min-width: 750px){
#shopify-section-1626576788029a59ba{ padding-bottom: 0px !important; }
}

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
jthorn877
Tourist
8 0 3

Hmm - Unfortunately that did not seem to change much. I cannot tell much of a difference when I add the code. Is there any other solutions?

0 Likes
jthorn877
Tourist
8 0 3

It did seem to remove some white space between the two images, but did not remove any between the images and header.

dmwwebartisan
Shopify Partner
9136 2117 2885

This is an accepted solution.

@jthorn877 

Please add the following code.

@media only screen and (min-width: 750px){
.template-index .main-content{ padding-top: 0px !important;}
#shopify-section-162666096634c45f76{ padding-top: 0px !important; }
}

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 →