Responsive editor
Discover how Bubble.io's Responsive editor empowers solopreneurs to create visually stunning, mobile-friendly no code SaaS applications, ensuring your Bubble app looks perfect on any device without writing a single line of code.
Bubble's New Responsive Design Engine: an Introduction
In this Bubble.io tutorial video we give an introduction to the new Responsive Engine page builder.
Bubble's Responsive Design vs its New Responsive Design Engine
In this Bubble.io tutorial video we discuss the differences between the old UI Builder and the new Bubble Responsive Engine that launched in June 2022.
Create a responsive homepage hero section in Bubble
In this Bubble tutorial video we demonstrate who to create a responsive hero section in your Bubble app.
Debugging the Responsive engine & Privacy Rules in Bubble
In this video I help one of our members restructure a page using the Bubble new responsive engine and debug why a piece of text isn't showing up. Spoilers: the Bubble privacy rules need updating.
How to create a responsive header and dropdown menu bar
In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.
How to create a responsive header and mobile menu in Bubble
In this Bubble tutorial video we demonstrate how to create a responsive header and mobile menu with the Bubble new responsive engine.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
5 performance tips for structuring your Bubble app
Learn how to structure your Bubble.io app for optimal performance and usability with these 5 tips.
The Ultimate Guide to Monitoring AI in Your No Code SaaS
Using the Cloudflare AI Gateway is a must for any No Code SaaS builder using an AI API like OpenAI or Anthropic Claude.
How to add Group Focus to Repeating Group cells
Bubble doesn't make it easy to add a Group Focus into a Repeating Group cell. Here's our workaround using a Reusable Element and icon.
OpenAI Loading Animation - Using CSS
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a CSS animation from loading.io.
Creating a sidebar with mobile menu in Bubble.io
This Bubble.io tutorial demonstrates how to layout a dashboard app that has a left sidebar with a mobile menu in Bubble. This video explores how to show and hide elements as the page width changes.