Header bar sticky bar appearance

[Guillaumeg06]

Hello there,

I am trying to set my sticky header bar.
I check “hide initially option” but i would like to make the bar appear only after 2 or 3 scroll down and make it disappear before 2 or 3 scroll up at the top a the page.
Is it possible?

Also I would like to make the content of the bar stick to the row container of my content or not depending the width of the screen.

Thank you for help!

Regards

[christian]

Hey @Guillaumeg06,

For the scrolling concern, you will need to use the Trigger Offset. Try increasing the Offset to 300. You can also use the Trigger Selector but it’s more advanced. You need to assign an ID to a Section then use that ID in the Trigger Selector field. An ID should begin with #.

Your 2nd concern about the content being sticky would require custom development. If you’re not a developer, you need to consult with one to write the custom CSS or JS code for you.

Hope that helps.

[Guillaumeg06]

@christian

Thank you for your reply, I will see with my developer for the point 2

Regarding the trigger selector, if I understand well, can I set the appearance on the section 1 only and disappear after?
I enter the #section-1 to the trigger selector but no luck.

Best

[tristup]

Hi @Guillaumeg06,

If the Sticky bar is not appearing on the Offset or the said section id, the reason behind that is the bar is breakpoint selected in Hide During Breakpoint option. You need to deselect the Devices from the attribute to show in those devices.
Please find the screenshot describing the settings you have with your sticky bar.

Hope it helps.
Thanks

[Guillaumeg06]

Hi,

Yes I know that I just making test,
I just wanted to know regarding the trigger selector if I can make disappear the sticky bar once reached the section 2

[tristup]

Hi @Guillaumeg06,

Regretfully, there is no such option to make the bar disappear in between, you can set the Trigger Offset or Trigger Selector from where the Bar will appear. Once it appeared it will disappear only when it back to that position where it started appearing.

Thanks