Add Padding between Collections heading and header - Narrative Theme

Solved
Highlighted
Tourist
11 0 3

Hey guys, 

 

Looking to get some help increasing the padding/space between the collections heading and my header. As you can see in the screenshot, they're really closer together. 

I'm working within the Narrative theme. 

Any help would be appreciated! 

ScreenshotScreenshot

0 Likes
Highlighted
Astronaut
907 81 109

please share website URL and password

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Shopify Partner
3129 681 833

@lanal24 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
11 0 3

Hey @dmwwebartisan 

URL is www.zibo.com.au

Password: shopzibo321

1 Like
Highlighted
Astronaut
907 81 109

This is an accepted solution.

add this to the end of theme.scss file and we check 

adjust number as per need

.template-collection .site-header__wrapper {
margin-bottom: 30px;
}

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Shopify Partner
3129 681 833

This is an accepted solution.

@lanal24 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-collection .site-header__wrapper {
margin-bottom: 75px;
}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
11 0 3

Works a treat! Thanks so much! @dmwwebartisan @suyash1 

1 Like