Removing White Space Between Sections

Highlighted
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
Highlighted
Shopify Expert
147 15 20

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
Highlighted
Shopify Partner
1589 347 465

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.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
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
Highlighted
Shopify Partner
1589 347 465

Hey @teamplayprint 

Please send a screenshot for me.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes