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

Store Design
, ,

Topic summary

Inconsistent header transition: smooth “lowering” animation on the homepage, but abrupt/no smooth transition on shop/product pages. Goal: make the transition consistent across all pages.

  • Evidence: Store URL provided and two videos attached (central to understanding). Home shows a smooth, delayed drop; product pages show an immediate, jerky drop.
  • Clarifications: The issue is animation smoothness, not header color. “Sticky header” = header that stays fixed on scroll and can change style.
  • Diagnoses offered: Some note the homepage header overlays a hero/banner and uses transparency, while product pages have a white background, making changes less visible. Others point out themes can have different sticky behaviors and color settings per template; achieving a matching effect may need theme customization (CSS/JS).
  • Requested info: Theme name not yet provided. If it’s a free Shopify theme, Shopify Support may review the code; if third‑party, contact the theme developer.

Status: Unresolved/ongoing. Key next steps: share the theme name and adjust code to apply the same transition/animation to non‑home templates.

Summarized with AI on January 9. AI used: gpt-5.
4

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.