FROM CACHE - en_header

(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

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11014 2379 3403

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 | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 4 (4)
dmwwebartisan
Shopify Partner
11014 2379 3403

@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 | Click here GemPages The most powerful Shopify page builder.
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?

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
11014 2379 3403

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 | Click here GemPages The most powerful Shopify page builder.