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

Store Design
1

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.

Screenshot 2021-11-03 at 20.38.04.png
Screenshot 2021-11-03 at 20.38.04.png1065×288 57.3 KB

Screenshot 2021-11-03 at 20.39.31.png
Screenshot 2021-11-03 at 20.39.31.png1059×152 27.6 KB

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

Password: diekla

Many thanks,

Asta

2

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;
}
}
3

@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

4

@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;
  }
}
1 Like
5

Thank you very much @Nick_Marketing - worked!

Have a good day.

Regards,

Asta

1 Like
6

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

1 Like