HELP! How to I create a two different navbars?

I want to create a normal navbar that get disappears with scrolling but with a static navbar (built using a floating group) underneath. However, I cannot have the floating group with a top margin.

This is want I would like (This is an animation I created to explain it, I haven’t done this in bubble):
Nav Bars Demo

But this is all I can get:
Nav Bars Demo 2

Any help would be greatly appreciated, really struggling!!!

Hello, @freddie.kuetter you can try something like this:

The idea is create a floating group with your navbars:
image

The upper navbar need to be able collapse and animate:
image

Then we can create a conditional statement that hidden the navbar when scroll position is not 0:
image

You can see the editor view here:

1 Like

Thank you so much!!!
I’ll give it a go hope it works :crossed_fingers: :crossed_fingers: :crossed_fingers:

1 Like

Thank you, I have done it now and it works perfectly!!!

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.