header from see trough to solid

Store Design
, , ,
1

i made my header see trough in the CSS but i want it to return to solid when scolling up/down. and when i hover my mouse over it. (like in the video)https://www.youtube.com/shorts/B1QM-UFylww

2

Hi @benjahmin Contact me, I can help you.

3

Hi @benjahmin You can try this css:

.section-header:not(.scrolled-past-header) sticky-header {
background: transparent;
    position: fixed;
    width: 100%;
}
4

Where in the css do i need to put this?

5

thanks alot! it did work but it changes very abruptly not so smooth as in the previous video. Look at the new video so you see what i mean. Do you know how i can fix this?https://www.youtube.com/shorts/WcFYHpSuoTk
:

6

Hi @benjahmin ,

Please send me the store link, I will check and guide it for you

7

https://parradoclothing.com/

8

And this includes it on the whole store. I just want it on my homepage.