Secondary menu, sticky on scroll?

[UltraSwagnus]

Hi!

I have a header (Wanderlust) with a sticky main menu assigned to my home page. I also have the same menu but not the pictures/animation assigned to all other pages.

I want to make a secondary menu that is placed a little down on the page and that sticks to the top under the main header menu when scrolling down. I´ve placed an inline element on a page to try it out, but couldn’t figur out how to make it sticky.

Or alternatively, I’d like to make that secondary menu invisible when at the top of the page and when you scroll down it appears under the main header menu. This is probably nicer actually.

Can I assign multiple Headers to the same page? So I could just make a Header menu bar, assign it to the pages I want, and make sure it’s invisible first and then when scrolling down it shows up? How?

The point of the secondary menu is to use it for scrolling navigation on some pages with lots of sections.

I searched the forums but couldn’t find any posts on it. How do I accomplish this?

Website: https://www.magnusfroidh.com/

Thanks!

Regards / Magnus

[ruenel]

Hello Magnus,

Regretfully only one custom header will display on the assigned page. In your custom header, you can use another Bar element and make it “Sticky”.

And then in your Sticky settings, you can use Trigger Selector or the Trigger Offset which should display the sticky bar when one of the trigger option conditions is met.

Please check out this video for reference:

Better Headers: How to Configure Sticky Headers

Hope this helps.

[UltraSwagnus]

Ok! Thanks for the help! I’ll try it!

/ M

[UltraSwagnus]

Ok it worked as I wanted it to! Thanks a lot!

[tristup]

Hi Magnus,

Glad that we are able to help you.

Thanks