How can I reduce space between blocks in the Narrative theme?

Store Design
1

Hi everyone,

I am using the narrative theme for a store and recognized how the spaces between certain blocks are too big.

Specifically, I want to minimize the spaces between:

Rich Text - (space) - Featured Collection

Featured Collection - (space) - Rich Text

Rich Text - (space) - Gallery

Thank you very much in advance!

1 Like
2

Hi @CharlyLovesYou

Can you please provide your shop URL and store password (if any)?
I’ll check and provide you with a solution.

3

@CharlyLovesYou

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

hi there!

Thank you for getting back to me.

The store URL is https://charlylovesyou.myshopify.com/

Temporary passwort is euyiet

Thank you for your help in advance!

5

Hi @CharlyLovesYou

Please go to your Themes > Edit code > Assets > Open theme.scss.css and add the following code to the bottom of the file.

@media only screen and (min-width: 750px) {
   .rich-text {
      padding: 80px 0;
  } 
}

@media only screen and (min-width: 750px) {
  .featured-collection {
     padding: 0;
  }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

6

Thank you so much that helped!!

1 Like
7

You’re welcome :slightly_smiling_face: