Hi @Viibed , Can you kindly share the details of your problem (screenshot) with us? We will check it and suggest you a solution if possible.
Topic summary
Sticky header “Only show on scroll” animation on the Refresh theme works in the theme editor but not on the live site. On the live site, the header remains visible while scrolling down (no hide/show animation), whereas the desired behavior is: hide on scroll down, show on scroll up.
Progress:
- Helper asked for screenshots; the original poster shared two images illustrating expected vs. actual behavior. Images are central to understanding the discrepancy.
- A suggested fix involved editing theme.liquid and inserting code before . The provided snippet content is not shown in the thread, and the change made the header transparent rather than restoring the scroll-triggered animation.
Clarifications:
- The issue is not header transparency; the request is to reinstate the “Only show on scroll” animation on the live site.
Status:
- No resolution yet. The animation still fails on the live storefront despite working in the editor.
- Awaiting a targeted fix or further guidance (e.g., correct script/CSS for scroll-direction detection and ensuring it loads on the live site).