Add White Space under Navigation Bar in Supply Theme

Tourist
12 0 0

Hello - I'd like to add a small amount of white space underneath the navigation bar on my page. Is this something I can adjust myself in the coding? 

 

Any help is much appreciated. :) 

0 Likes
Shopify Expert
665 170 199

Hi, @Kate_0101 ,

This is Evita from On The Map.

 

Can you add your store URL? You will need to add little bit of CSS code. :)

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Shopify Partner
100 20 17

Hello

 

I hope you are doing well, can you please send me a screenshot or share your website link where you actually want white space!

 

Thanks

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: codecorneres@gmail.com
Skype: code.corners
0 Likes
Tourist
12 0 0
Evita,

Should’ve included that, sorry - It’s TheCatStore.co.
0 Likes
Shopify Expert
665 170 199

You will need to add CSS code to assets/theme.scss.liquid file :

#shopify-section-header {
      margin-bottom: 4rem;
}

I understand right? You want the free space here - https://prnt.sc/pb4h17 ?

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Shopify Partner
100 20 17

Hi, 

 

I checked your website link. There is also a white space under the navigation menu, you mean you want to add more white space?

 

you need to add this in assets/theme.scss.liquid:

 
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: codecorneres@gmail.com
Skype: code.corners
0 Likes
Tourist
12 0 0

Evita, 

 

That's right. :) 

 

Hypothetically if I wanted to add more space or change it back, would I just adjust the number '4' in this code? 

0 Likes
Shopify Expert
665 170 199

To set it the way it was you will need to change margin-bottom: 0, but you can play with the margin, add it bigger or smaller, with any units - https://www.w3schools.com/cssref/css_units.asp

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes