Removing White Space Between Sections

teamplayprint
New Member
7 0 0

Hi Shopify Community,

I'm trying to remove some extra white space between my sections on a page. In particular, I'd like to get rid of the extra white space below my header. Any advice is appreciated! 

The website is playprintkids.com.

Thanks! 

 

PlayprintSite.jpeg

0 Likes
Pallavi
Shopify Expert
778 101 115

Hello There, 

 

Kindly add the below given css

#PageContainer main#MainContent {
padding-top: 5px !important;

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
4529 1019 1316

Hey @teamplayprint 

add code assets/theme.scss.liquid bottom of the file

.site-nav--centered {
padding-bottom: 0px !important;
}
.site-nav {margin: 15px 0 !important;}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
teamplayprint
New Member
7 0 0

Hey @dmwwebartisan 

Thanks so much! That worked. Is there a place I can paste it to decrease the spacing a bit between the other modules? And if possible, I'd love to add a bit more white space at the bottom above the footer.

 

Thanks again

0 Likes
dmwwebartisan
Shopify Partner
4529 1019 1316

Hey @teamplayprint 

Please send a screenshot for me.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
eddyzp
Excursionist
21 0 7

hi

same issue with spacing

have added code to the bottom of theme.scss.liquid

didn't work. please, advise

th.psylofashion.com

0 Likes
BeeM
Tourist
3 0 1

Hello, 

I hope all well. Thank you for the advice.  I attempted to add the css to my page but it with not remove any spaces. 

I would like to remove the white space from all the headers on my page (see attached images) can you please advise on how to do this.

Thank you!

https://oiok-by-bee.myshopify.com/admin/themes/83840663613/editor

Screen Shot 2021-01-21 at 3.36.47 PM.png

Screen Shot 2021-01-21 at 3.36.26 PM.png

 

 

 

 

dmwwebartisan
Shopify Partner
4529 1019 1316

@BeeM 

Please provide your website URL and password if any. Your given URL won't work. I need a preview URL.

I will check and provide a solution.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
BeeM
Tourist
3 0 1

@dmwwebartisan thank you for your reply.

my URL is: https://shopofitsownkind.com/password

PW: shop1

 

0 Likes
dmwwebartisan
Shopify Partner
4529 1019 1316

@BeeM 

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

.smk-sections-above-content {
margin-bottom: 0px !important;
}
.collection_header {
padding: 0px 0 !important;
}
.collection_header .term-description {
padding: 30px 0 0 !important;
}

 

Hope this helps.

Thanks!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes