Top navigation bar - like Adalo homepage

[TomBlue]

Hey,

In a desktop web app: How can I create a top navigation bar just like on Adalo’s homepage? (even without the sub-pages upon hovering)

Currently, the “top bar” only allows me to include icons… I want full text please.

Thanks

[dilon_perera]

Hi @TomBlue

You can add rectangles , texts , icons and create like that.

I created a simple one like this.

Thank you

[TomBlue]

Thanks! But then when I resize the screen (mobile-view) - the buttons and the logo “Dilon” create a mess… Going on top of each other

[dilon_perera]

So you are creating this for the web right?

Check Adalo website from your phone. It has a menu with that categories.

So the rectangles and other ones are messy in the phone I think it’s because you created this bar on a web app. So that one is suitable for the web. I think you have to create a one for the Web and another one for the phone with a menu.

And you can check this component created by @Michael.

New Component! Device Detector - Responsive Web and WebApp

New component announcement! nocodemonkey.io/store Device Detector Create a Responsive Website or WebApp Direct Users to screens built for Mobile, Tablet, and Desktop Easy Setup Try the Demo [Untitled design (1)] Feel free to DM me if you have any questions.

I hope this information will help you.

Thank you

[TomBlue]

Thanks! I’ll use this app

[firozkhanuk1214]

@TomBlue

Thanks! But then when I resize the screen (mobile-view) - the buttons and the logo “Dilon” create a mess… Going on top of each other

You need to select all the components, group them, and fix the group to the top.

- YouTube

[TomBlue]

Wow!!! Mind=blown. Thank you so much, it worked! Thanks a million times

[firozkhanuk1214]

Make sure to mark it as a solution

[firozkhanuk1214]

Ps. to mark a reply as a solution, use the “Solution” button on the reply.

[firozkhanuk1214]

And thanks for saying that!