Reduce white space between title and content on my pages - Jumpstart theme

Tourist
5 0 1

Hi everyone,

 

I have searched many forums and can not find a solution that works for removing the white space between my page titles and the content in the pages.  On some pages (like my store) you can not even see that there is any content there. Right now I have to expect someone to scroll to see that there are any products even on the store page. It just shows the white space. I have tried many different ways to remove the padding as well as the wrapper and nothing seems to work for me.

 

Images attached.  Someone please help me :)

Capture445.JPGCapture56565.JPG

0 Likes
Shopify Partner
1153 133 200

If you can share an URL to your store that would help. Suggesting solutions by looking at images is quite hard :)

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Shopify Expert
665 170 199
Hi, @Capukids ,
This is Evita from On The Map.
 
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.parallax-bg .wrapper--margins {
     padding: 120px 0 40px!important;
}
.main-content > .wrapper--margins {
     padding: 40px 0 40px!important;
}
 
Best,
Evita
 
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
5 0 1

@OTM Thank you sooo much!!! This is the only code that has worked for me! I have tried so many!

 

Although it does not work on my store page? Any idea as to why? Or do I need to add a code somewhere else in particular to update the store page?

 

the website is capukids.com

 

I really appreciate your help :) 

0 Likes
Shopify Expert
665 170 199

For store page add this:

.grid__item .product--wrapper > div {
   padding-top: 0!important;
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes