Sticky Header appear on scroll up
complete
Bogdan Condurache
complete
f
fvinyals@gmail.com
Hi Bogdan, how to enable this feature?? Is it already available in the latest November update? Tanks!
Bogdan Condurache
under review
J
Jds
I would like to see an option to automatically convert my main header into a smaller sticky header, including a smaller logo, that appears after visitor scrolls down ~10%.
Bogdan Condurache
Jds: You can already do that for the last 3 years, why not recreate it in the Sticky option for the header block, you have full comntrol over how small the logo to be, what to display, etc
L
Lelaki Berlari
Not only sticky header but sticky elements / effect for section (header / footer) to build sticky notification and header on footer like (contact button,, notification, cta)
Bogdan Condurache
Lelaki Berlari: you can do that already
L
Lelaki Berlari
Bogdan Condurache: hi Bogdan, can you give me more details about it ?
I don't find any sticky effect on section setting part. Thanks.
Bogdan Condurache
Lelaki Berlari: Sure. You need to have a header block in your page (load one from the Blocks adder popup, under Header category), and then go here to select Sticky or Fixed: https://jmp.sh/nRQTPuvZ - also, this video might help: https://youtu.be/j7li8WlPzAM?si=_NwCyJG2-W4JHCaz&t=78
L
Lelaki Berlari
Bogdan Condurache: Hi, thank you for your replied Bogdan.
I'm try your suggestion to using header block to make sticky header, it worked.
But if I'm using header block to make sticky footer, it not work. You can see my sample:-
I'm using header block and set it as sticky.
I'm also try using footer block, but don't have sticky setting.
Thank you.
Bogdan Condurache
Lelaki Berlari: Can you please provide a working exemple from another website to understand how this sticky section should work on scroll up? Should be sticky at top or at the bottom?
L
Lelaki Berlari
Bogdan Condurache: Hi Bogdan, you can check example on my website (sticky footer).. Please view using mobile (hide for desktop and tablet).
And
On others page builder, they have sticky effect to set on section to make that section sticky when scroll down and top.. this effect can use for build notification / contact element/ cta and others to catch visitor eyes..
Thank you
K
Karthik
Bogdan Condurache Similar way, I want a stick button appears at the bottom of the viewpoint until until user scrolls to that element at the middle or bottom of the page in some section.
Say for an instance, CTA Button for a website placed in the middle of the webpage (until that CTA Button to be scrolled, That button should show up).