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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a26e7d6235582eac9a5_NsdtXXzNsQ-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a28f020724bcc38c405_rFW87r7jz7k-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1633abeda05b51a304_thumbnail_a6759fc1.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a310a5127fe50ee2f1c_CloudsConvert_maxresdefault-1663845612.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1a53b7aa6f742e0ee8_5.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4586bc17004d25c0b2_2.png)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1968c534e332d1a4de_6.png)
How To Make A Search Function In Bubble.io
In this Bubble.io tutorial video we show to user the Search element to give your users the ability to search a specific field of a data type in your Bubble database.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/669fb2a82f62c03419c04d6f_Comnoco%20The%20Game-Changing%20Platform%20for%20Supercharging%20APIs%20without%20Coding-2.png)
Mastering Bubble.io: How to Generate Professional PDFs from a Word Template
Learn how to generate high quality professional PDFs via a custom API built with Comnoco.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2299da3c31fcb275bd_BdZATkM5InU-HD.jpeg)
Using Custom States to Store the Last Viewed Page When Refresh
In this Bubble.io tutorial video we demonstrate how to convert a menu that uses Custom States to hide and show parts of your page to a menu that uses a User database field. We explain the advantages of saving the current view to the User to maintain a consistent user experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2adc107ee84eea6de9_How-to-create-a-slideshow-in-Bubble-with-a-Repeating-Group.png)
How to create a slideshow in Bubble with a Repeating Group
In this Bubble tutorial we explain how to create a slideshow with a Repeating Group that uses a Next button and a Previous button. We conclude the video by demonstrating the workflow needed to make the slideshow automatically progress through the slides.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1d31640e1239a262cf_Xn81w2jYLTI-HD.jpeg)
How to add hover effect to a button in Bubble
In this Bubble.io tutorial video we demonstrate how to add hover effect to a button in Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1a53b7aa6f742e0ee8_5.png)
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.