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

Jhon16
Tourist
39 0 2
 

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/

Replies 8 (8)

Dan-From-Ryviu
Shopify Partner
7720 1502 1507

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

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Jhon16
Tourist
39 0 2

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

Dan-From-Ryviu
Shopify Partner
7720 1502 1507

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

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Jhon16
Tourist
39 0 2

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

Jhon16
Tourist
39 0 2

hii Dan, are you there?

Lana
Shopify Staff (Retired)
849 77 109

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.

Lana | Social Care @ Shopify
-Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

PaulNewton
Shopify Partner
6339 579 1343

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.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


Jhon16
Tourist
39 0 2

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.