I love Glide’s new home page, especially the use cases section. There is one mockup with the delivery app where they designed a floating tab menu. How can this be achieved? [Screenshot 2022-12-08 at 18.04.28]

You must have a paid plan to use custom CSS.

Hey thanks for this, just saw it now, i will try it immediately and give feedback. Thanks again.

I cannot seem to get it right, is it possible for you to explain how to adjust the code and how do we place it in the app? You help would be much appreciated.

Hope this helps. [CleanShot 2025-01-18 at 08.07.57] div[class*="main-nav"] { background-color: rgba(255, 255, 255, 1); height: 80px; padding: 10px; border-radius: 20px; border-color: transparent; box-shadow: rgb(0 0 0 / 10%) 0px 6px 15px 0px; position: fixed; botto…

Added to the library. [image] CSS Library by LowCode Agency

Ah wow, thanks for that, i will try now. Epic! :+1:

This is really an amazing design for the mobile nav bar. I’ve tweaked the radius and transparency and it looks amazing. Is there a way to do this for the top navigation bar on desktop?

I haven’t explored that, is there a sample image of how you want it to look?

I used your code and adjusted to get this translucent tab with rounded edges for my tab bar on mobile. I would love to be able to do the same thing for the top nav bar. It would just spread the icons evenly across the width that i specify for the nav bar. Glide Main website allows the nav bar to di…

[CleanShot 2025-01-20 at 08.20.32] Here you go. nav[class*="scrollbar-hide main-nav"] { background-color: black; height: 20px; padding: 10px; margin-top: 5px; border-radius: 30px 30px; } nav[class*="scrollbar-hide main-nav"] svg, nav[class*="scrollbar-hide main-nav"] button { color: white; } na…

Mobile app floating tab bar design

Ask for Help

Himaladin February 1, 2025, 11:42am 27

Could you clarify more on what you want?

Topic		Replies	Views
How to create a floating nav bar with rounded ends using css? (for mobile or desktop view) Ask for Help	4	270	January 14, 2025
Customize the prototype / tab bar of the E-Book app Project Showcase	34	1569	February 5, 2021
Floating Navigation bar Ask for Help	4	276	May 14, 2023
Style help on how to achieve 0 border top of mobile Ask for Help	7	65	April 24, 2025
Adobe XD to Glide Ask for Help	8	951	June 26, 2021

Mobile app floating tab bar design

Related topics