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 and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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.
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