Sticky header staying on all the time - set to "scroll up"

seiza123 · ‎09-26-2024

Hello, I am using the shopify origin theme and sticky header on "scroll up only" is working the exact same as "always". How do i make it be sticky on scrolling up only?

shopseiza.com

thank you

Dan-From-Ryviu · ‎09-26-2024

Please add this code to Custom CSS in Online store > Themes > Customize > Theme settings to solve

.shopify-section-header-hidden { opacity: 0; }

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

KetanKumar · ‎09-27-2024

@seiza123 yes please try this code as per your theme
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.section-header {transition: all 0.9s !important;}
.shopify-section-header-hidden{transform: translateY(-100px);}

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Sticky header staying on all the time - set to "scroll up"

Sticky header staying on all the time - set to "scroll up"

Community Blog Articles