Sticky menu behavior


#1

I am using the trial version of Blocs as we are considering moving from Wordpress to Blocs for our website. We are nearly there, but I have a hit a scenario that I am unable to achieve with Blocs and is critical for our shift.

We need 2 menus on our site - a global menu that is available across all pages and a secondary product menu with navigation related only to that product.

This secondary product menu needs to be a sticky menu, that only becomes sticky when the user scrolls and the menu touches the top of the browser window.

Blocs offers a Sticky menu. However, in my trials, the secondary sticky menu I added to my Blocs site, becomes sticky the instant I scroll down.

An implementation of what I want is available on our current site here - https://cynapse.com/numerics

Notice how the main site menu scrolls away and the product menu becomes sticky only once it touches the top of the browser window.

How can I achieve this behavior with the sticky menu in Blocs? I am on the last day of my trial and I’d appreciate any pointers to achieve this. Thanks for all your help!


#2

just a thought, haven’t tried it, but could the top menu just be hyperlinks and not a menu as such, then have the menu in a lower block that is sticky?


#3

Thanks for your suggestion.

I tried making the top / global menu just a set of hyperlinks and the secondary menu as sticky, but no luck.

Further, I have completely removed the top global menu and only kept the contextual secondary menu which is sticky, but on a slight scroll down, the menu instantly sticks to the top of the browser window.

Any other ideas would be be appreciated.


#4

Hello Romasha, did you find a solution to this?


#5

+1 interested here


#6

I have the same problem