Archived topic
sticky logo animation
12 replies · Started by Sourabh on June 26, 2021
HI,
I am designing a new website so just want to know How to animate a sticky logo (small to big on a sticky header during scroll), like in my previous site... (URL attached)
Hi Sourabh,
I believe this is what you are looking for:
https://docs.generatepress.com/article/navigation-as-a-header/#sticky-navigation-with-height-transition
Let me know :)
Yes, correct, Already done these steps but the problem is the logo is going backward (Even in docs showing the same transition) and becomes small in size, I want reverse means when I scroll, it should be big from small. like it's in my one of my project (its made in dev theme).
Well if you credential then find it...
Hi there,
I'm not sure I can tell the differences of animation between your old site sticky logo and GP documentation example, to go small to big or big to small, isn't it depends on how big the logo is set to?
And if the customizer option can't do the job, there will be some custom coding requireed to change the animation which is out of the scope of the forum.
Let me know if I miss anything :)
It's not old site, I created it before 10 days using dev theme of your library..
Hence I asked coz you ppl created dev theme so you must be knowing how to make it again...
Hope you understand this time, if not then leave it..
But Dev template doesn't have the sticky navigation..
If there are any settings regarding the sticky navigation, it should be made by yourself.
You should be able to use the same settings you made for your new site.
I'm sorry if I couldn't understand your situation better before.
When you import dev theme..go to customizer and set on sticky navigation and use navigation as header option... you will get what I am saying.. that's what I did..
So asking functionality for that..can't understand your matter of confusion..
I'm a little bit confused as well.
Which site are you having the issue with?
The Sarv**** site? If so that site doesn't have the navigation as header option activated right now.
Can you activate it so we can see what the issue is?
Which site are you having the issue with?
No, indeed you seem confused, there is no issue anywhere, this ticket is not about any issue, just inquiring about a function (which is a part of dev theme) ... I want to add the same effect on another site hence asked how to do that on another site (Sarv one was just an example so that you can understand because it's made on dev theme)..
Hope it clears your doubt..
So what exactly is the question here? A couple of us read through your descriptions and we still can't quite grasp what you are asking here - putting sentences in the bold letter don't really help to make the description better ;)
As Ying mentioned, the default Dev doesn't use the sticky navigation option.
And yes you can import Dev, activate the navigation as header option then activate the sticky navigation.
You can do the same steps for all other sites in the site library as well.
Ehhhh... Leave it dude...!!
Sounds good.
Let us know if you want to revisit this.