- This topic has 11 replies, 2 voices, and was last updated 5 years, 6 months ago by
.
-
Posts
-
Hi.
It is possible that the sticky bar of generatepress shows the effects that are seen on this page, especially the logo that shrinks and becomes large depending on the scroll, as well as smoothness in transitions.
Thanks in advance.
Customer Support
Hi there,
Been meaning to write an doc article on this…
This can be done by following the steps here:
https://docs.generatepress.com/article/navigation-logo/#navigation-as-headerThen set the sticky navigation height to something smaller than the static navigation height:
https://docs.generatepress.com/article/menu-item-height-width/
https://docs.generatepress.com/article/sticky-navigation/#menu-item-heightLet me know if this helps 🙂
The transition effect is very good.
The only thing I notice is that when the logo is much wider than high (like my logo = 281×27) it stretches totally and looks very bad, this trying to make the height of the navigation bar at least 72px high.
Is there any way for the logo to maintain the original proportion?
Can you link me to the site in question?
You can edit the original topic and use the private URL field.
Edit the post and add the link.
Not quite sure what you mean.
Your logo image is only 27px in height:
[link removed]So when the static navigation height is set at 74px, it image will look blurry because it’s zoomed in.
I already solved it, create a logo with more height.
You can delete the link from my website, it is a current project and I do not want it to be shown.
Thanks for the help.
The link you provided in the original topic is a private link so only admin of this site can see and not to public.
I’ve removed it anyways 🙂
I refer to the link where references to the image of my site:
https://generatepress.com/forums/topic/effects-in-the-sticky-bar/#post-696689
Anyone can see it.
Ahh missed that.
Removed.
Thanks Leo for your help.
No problem 🙂
- You must be logged in to reply to this topic.