Supply theme - How to get rid of blank space between logo, menu bar and announcement bar

Solved
New Member
4 0 0

Hi,

How do I get rid of the following blank space:

  • Blank space between menu bar and logo
  • Blank space between Logo and announcement bar
  • Blank space between announcement bar and slideshow

I am using the 'supply' theme

 

I just cannot seem to find the correct CSS code

Thanks

 

 

 

logo header mobile.PNGhow to get rid of blank space between logo and announcement bar

0 Likes

Hello 
Can you share your site url so that i can check and let you know. 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

Hi,

URL: https://testwinkelqq.myshopify.com/

The store is still under the trial - password: test

 

At the moment I am looking at reducing the blank space between logo and menu bar and logo and top of webpage.

Not sure where to find the CSS code in the 'inspect element'

If you could direct me to the code, that would be great, thanks

 


@oscprofessional wrote:

Hello 
Can you share your site url so that i can check and let you know. 


 

0 Likes
Shopify Expert
96 17 12

@nyuki123 - The class you are looking for is "site-header" and the blank space is padding that has been added to the top and bottom.

 

This is the current CSS:

 

@media screen and (min-width: 769px) {
.site-header {
    padding: 30px 0;
}
}

Change the 30px to smaller value (ie. 10px) and you should be good to go!  If this answers your q, be sure to mark this as solved ;)

0 Likes

Success.

New Member
1 1 1

@__cascadia wrote:

@nyuki123 - The class you are looking for is "site-header" and the blank space is padding that has been added to the top and bottom.

 

This is the current CSS:

 

@media screen and (min-width: 769px) {
.site-header {
    padding: 30px 0;
}
}

Change the 30px to smaller value (ie. 10px) and you should be good to go!  If this answers your q, be sure to mark this as solved ;)


Thanks @__cascadia 

1 Like
New Member
6 0 0

Hi,

 

I wanted to reduce the blank space as well but didn't find this part in the theme.scss.liquid asset.

I tried some other changes in the Site Header but nothing changed.

Can you help me?

www.mypurryfriends.com

 

Thanks in advance!

0 Likes
New Member
4 0 0
Hi, still haven't found a solution yet.

0 Likes