Re: Sticky header smooth animation - dawn theme

Sticky header smooth animation - dawn theme

julienamoseeds
Tourist
17 0 0

Hello,

i've enabled and adjusted the code in order to have a permanent sticky header.
but when i scroll down, the header follows the scroll and jumps to become sticky afterwards.
any idea what to do to suppress this “jump effect“ and have a 100% sticky header?

demo here : https://xjvvxv8a0x4n9hfl-71566098721.shopifypreview.com

 

thx

 

Replies 5 (5)

Guleria
Shopify Partner
3200 621 899

Find and remove the script which works on scroll. 
I think a class is added to parent div on scroll with JS.

 

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me. - Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
- Support me PayPal

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

Default Dawn theme has option to make header is sticky. Please remove code you added and select Sticky header is Always in theme customize Screenshot 2023-07-24 at 16.49.53.png

- Helpful? Like and Accept solution to let me know or Buy me 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.

julienamoseeds
Tourist
17 0 0

this option didn't work with my theme tweaks…
therefore i had to modify the code

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

So I guess customized code you added caused that option not working. Please remove customized code you added and then check again. 

- Helpful? Like and Accept solution to let me know or Buy me 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.

julienamoseeds
Tourist
17 0 0

i don't want to remove that code because it enables some css animations