How can I reduce the space between main photo and Category on my website?

[Queenofgifts]

Dear, 

Could someone help to:

Reduce the space between the main/header photo and ''Category'' (Collections); and Rich Text section (after the Categories) - I don't need the spacing to disappear completely, just to reduce, say by 50%. I have tried few codes, shared in this forum, however, it did not work for me. 

 

Shop URL: https://box-and-bow-nl.myshopify.com/

Password: diekla

Many thanks, 

Asta 

[Nick_Marketing]

Try adding this code to the bottom of theme.css

@media screen and (min-width: 769px) {

#shopify-section-featured-collections {
    margin-top: 45px;
}
.section-header.text-center {
  margin-bottom: 25px;
}
#shopify-section-featured-content {
      margin-top: 45px;
}
}

[Queenofgifts]

@Nick_Marketing 

Thank you, Nick - it actually worked! 

Just the part straight after the body text section "Modern Gifting" seems still large - can I tweak your code to address that space as well?

Thanks, 

Asta

[Nick_Marketing · Accepted solution]

@Queenofgifts 

This code should address the "Modern Gifting" section margins

@media screen and (min-width: 769px) {
#shopify-section-1635612357e56831df {
  margin-top: 45px;
}

.rich-text .section-header {
margin-bottom: 6px;
  }
}

[Queenofgifts]

Thank you very much @Nick_Marketing  - worked!

Have a good day.

Regards,

Asta 

[Nick_Marketing]

@Queenofgifts  Great to hear that the issue has been resolved!