How to Build a Responsive Navigation Bar (feat. Gregory John)

Learn how to get the most out of Bubble's responsive design tools with Bubble educator Gregory John.

This was the second session of Bubble’s virtual How to Build Day 2024. It shows how to build a robust navigation bar UI while teaching beginner-friendly tips and best practices. A live Q&A is included at the end.

Instructor: Gregory John
Moderator: Nicole Zhang

0:08 - Introduction
0:30 - (1/7) Introduce responsive navbar
0:57 - (2/7) Review navbar and nested group settings
3:42 - (3/7) Use the responsive editor
4:50 - (4/7) Menu responsiveness
5:38 - (5/7) Center column responsiveness
6:33 - (6/7) Right column responsiveness
7:21 - (7/7) Optimize navbar for mobile
8:36 - Q/A with Gregory John

Explore Greg’s MVP build for yourself by visiting the read-only editor of his app:
➡ https://bubble.io/page?id=responsive-...

* * * *

Subscribe to this channel to be the first to hear about new videos!

Bubble is a software development platform that enables anyone to build and launch web applications without writing code. Rather than specializing in one or two aspects of web development (like designing landing pages or building databases), Bubble’s full-stack visual programming interface does it all. That means anyone from first-time entrepreneurs to enterprise-level companies can take an idea from concept to fully functional, scalable reality — faster and cheaper than you could with just code.

Have a question? Please visit bubble.io/support.

Learn more about Bubble:
Homepage ➡ https://bble.io/6ULs4C
Twitter ➡   / bubble  
Blog ➡ https://bubble.io/blog