Debut theme - Remove white space in header

Solved
Highlighted
New Member
3 0 0

Hi, 

I have some white space padding in my header which I would like to remove. I have edited the theme.scc code so that there is less white space on mobile however I don't know how to remove the white space as it appears on desktop. Can anyone please help with this? Thanks. 

Here is how it looks, I feel that the space is too much between my announcement bar and the text/ icons. Store logo is within the same size of the cart and search button. 

Hel.png

0 Likes
Highlighted
Shopify Expert
1381 111 199
Please Share a store url to better assist
0 Likes
Highlighted
Shopify Expert
1381 111 199

Please Share a store url to better assist

0 Likes
Highlighted
Shopify Expert
667 170 216

This is an accepted solution.

Hi, @Jxssi ,

This is Evita from On The Map.

 

@media only screen and (min-width: 750px){
  .site-nav {
      margin: 13px 0!important;
  }
}

You can change the px as you like.

 

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
Highlighted
New Member
3 0 0

Hi Evita,

In the theme.scss asset it comes up as" @media only screen and #{$declaration}", I am not sure what to do from here as it could ruin the whole site.

What can I do? 

Thanks. 

0 Likes
Highlighted
Shopify Expert
667 170 216

Paste the code at the bottom of the file.

 

 

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
Highlighted
New Member
3 0 0

Thank you very much!

0 Likes
Highlighted
New Member
1 0 0

Hello, I have a similar issue on my collections page. I was wondering if there is a similar code I can apply? Site is SayItLoudShirts.com 'SILS' password

Troubleshooting.png

0 Likes