Why isn't my homepage header transition effect consistent on all pages?

[Jhon16]

Hello everyone, I would like to ask you for some information.

Why does the header on the homepage lower correctly after a few seconds, while on other pages, such as in the shop and in the sales section, this effect does not occur as on the homepage?

I would like to get the same transition on all pages.

Could someone give me a hand? I attach two videos, one regarding the home (where the effect is correct) and the other video (related to the products) where the effect does not occur correctly.

thank you

URL Site: https://a3cd78.myshopify.com/

[Dan-From-Ryviu]

Hi @Jhon16 Could you drop your store link to check?

[Jhon16]

Hii Dan, yes, my site url: https://a3cd78.myshopify.com/

[Dan-From-Ryviu]

They are the same. On your homepage, your header overlaps with the banner, but on other pages, it does not have a banner image, and the default background is white, so you don't see the header's background appear when you scroll down. You can change the background color of header to another color not white when scroll down to another color, and then you can see they are the same

[Jhon16]

I didn't understand Dan, what do you mean by header color?

[Jhon16]

hii Dan, are you there?

[Lana]

Hello, @Jhon16!

Just to make sure we're on the same page, you're referring to the sticky header, where on your product pages it does not disappear when you scroll up, but on the home page it does?

It will be something in the code of the theme - could you let me know what the name of your theme is? 

If this is one of our free Shopify themes, our team may be able to help you and look into the code of this, but if it is a third party theme, I can find the contact of the developers for you, and they should be able to look into this for you.

[PaulNewton]

In some themes there is a setting for different sticky behavior among pages.

And sometime settings for color behaviors as well.

In the videos there is nothing wrong as the product page has a white background and so does the header so it sticks just fine there's no color transitions needed.

The home page looks different because it is different and doesn't have a white background and uses transparency for the header.

To change this to some other expectation requires a theme customization.

If you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[Jhon16]

Hi PaulNewton, maybe I explained badly in my previous post.

I'm not going to change any colors; the problem concerns the header transition.

As you can see in the first video, on the Homepage the transition is smooth and jerk-free.
However, on other pages, the header drops abruptly without a smooth transition, as you can see in the second video.

I'm trying to get the header on the other pages of my site to go down as smoothly as the Homepage, without jerk-free and with a smooth transition on the way down.