Floating button over navigation

Has anyone attempted something similar to this image?

I’ve tried repositioning the floating button and it just ends up behind the navigation bar
Screenshot_20221017_154531_Chrome

1 Like

Hey Dale!

I haven’t been able to do this with CSS, but I know people who have… But it’s too tricky!

2 Likes

very tricky… unless you replace the native Glide bottom bar with custom, then not that hard :wink: but still lots of work to match your design.

Basically you have to move a floating button to the middle, and be able to do it on every device possible is a bit cumbersome.

2 Likes

Thats fair. Thanks for the feedback team

1 Like

Make z-index:2!important of nav bar … make height of the center panel 80%, and move button to center using fixed position… add png overlay to create nice space around… that’s all… :wink:

Yes, still tricky lol

Btw, I know @Pedroydzito managed to do it

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.