Sticky header spacer extra height issue

Solved
Highlighted
Excursionist
18 1 2

Hi everyone, 

I noticed the sticky header on my site somehow has an extra height. I can see this is controlled by the sticky-header--spacer and there is a formula in the js file to calculate it. But I can't figure out how to change this padding, can someone help me with this? Many thanks!

https://earlorange.com/

Screenshot 2020-08-25 at 10.12.46.pngstickyheader-1.png

0 Likes
Highlighted
Shopify Partner
2399 520 668

Hey @Siemon-Schilder 

Can you please provide me your webshop URL?

I will check and provide you 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
1 Like
Highlighted
Excursionist
18 1 2

Yes, of course, thank you so much!

https://earlorange.com/

0 Likes
Highlighted
Shopify Partner
2399 520 668

This is an accepted solution.

Hey @Siemon-Schilder,

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

div#sticky-header--spacer {
    padding-top: 0px !important;
}

 

Let me know if this works for you.

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
Excursionist
18 1 2

Hey @dmwwebartisan , 

Good solution, thank you!

Regards,

Siemon

0 Likes