How can I reduce the spacing between the header and category, has anyone got a code to customise this please. Thank you

What the title says.

i just need to spacing to be reduced where it’s highlighted. I also only need this for mobile, not desktop, as the spacing is fine on desktop. 

Can each category also have the same spacing also, thank you in advance! 

41 minutes ago, SelwynGoodman said:

What the title says.

i just need to spacing to be reduced where it’s highlighted. I also only need this for mobile, not desktop, as the spacing is fine on desktop. 

Can each category also have the same spacing also, thank you in advance! 

 

Can you share your site so I can take a look?

16 minutes ago, Beyondspace said:

Can you share your site so I can take a look?

Sure.

www.selwyngoodman.co

Thank you! 

4 minutes ago, SelwynGoodman said:

Sure.

www.selwyngoodman.co

 

Thank you! 

May I also have the header text slightly lower too, as it’s too close to the black space.

Thank you so much! 

49 minutes ago, Beyondspace said:

You can try add the following custom Css code

@media only screen and (max-width: 767px) {
  section[data-section-id="65b24e50b427163099b47c10"] .products.collection-content-wrapper .nested-category-children {
    padding-top: 0;
  }
  section[data-section-id="65b24e50b427163099b47c10"] .nested-category-title {
    padding-top: 10px;
  }
}

 

Thank you so much! If I wish to adjust the spacing can I do it through the code?

Also do mind if I ask for one more thing if your not busy, very similar to this?