Debut theme - Remove white space in header

Solved
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
Shopify Partner
1157 94 141
Please Share a store url to better assist
Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Shopify Partner
1157 94 141

Please Share a store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes

Success.

Shopify Expert
665 170 199

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
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
Shopify Expert
665 170 199

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

Thank you very much!

0 Likes