Mobile app floating tab bar design

Can you show me a screenshot of this? I’ll get to it later this week.

Your code that you created for the nav bar, it still has the standard nav bar showing behind the black nav bar with rounded ends.
It would be nice to have a floating nav bar with no other menus behind it. Just like my mobile nav bar (see blue screenshot below) , but i need it for the top of the page on desktop view.
Yes, later this week is fine. I’d appreciate that👍


So you want to remove the app’s logo, name and the profile picture right?

Yes, and the whole top menubar/nav bar at the top. The logo, sign in & signup buttons, menu background color, etc. Also need the ability to position the floating nav bar away from the top of the page, essentially the exact same adjustments that are possible with the mobile nav bar (as seen in the blue image of the floating nav bar i attached above)
That would be amazing if it were possible to do all that. Thanks @ThinhDinh, totally appreciate the time you’ve put into this👍

Edit: I initially was thinking the nav bar change could be just on one tab, but if it’s applied to all tabs then we would need to leave the sign in and sign up buttons (or users profile picture when signed in) on the right. But for this floating nav bar i think the app icon and name on the left is not necessary as it will clutter the design.

Hi there. Did you have any luck with this

Could you clarify more on what you want?

Sorry, I didn’t have time to go through this. Please add some more pictures on what you want so Himaladin can help. Thank you.

1 Like