Sticky header won't stay fixed on Bold Prestige theme

Solved
Highlighted
Tourist
8 0 1

Hi all,

 

I have a problem with my header. I have made it transparant through CSS with the following code:

 

.Header__Wrapper {
background-color: transparent;
position: fixed;
padding: 0 55px;
width: 100%;
z-index: 999;
}

 

Unfortunately "position: fixed;" does not seem to work because the header is still sticky.

 

Anybody got a clue why it's not staying fixed?

 

My url is: www.strawbystraw.com.

 

Thanks for all the help!

1 Like
Highlighted
Shopify Partner
1159 247 344

This is an accepted solution.

Hi

add code assets/theme.scss.liquid bottom of the file

 

.shopify-section--header { position: relative !important; background-color: transparent;padding: 0 55px; width: 100%; z-index: 999;}

Hope this will work 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
1 Like
Highlighted
Shopify Partner
1159 247 344

This is an accepted solution.


Please do like a solution. That will cost our time :)

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
Tourist
8 0 1

Thanks for the help! I have another issue related to the register form. I've just posted it, don't know if you have any knowledge about that?

0 Likes