Collapse When Hidden in Bubble.io

"Collapse when hidden" removes an element's space in the layout when it is invisible in Bubble.io. Learn to use it for dynamic forms, conditional sections and responsive menus.

How do I use Collapse When Hidden to build a responsive mobile menu in Bubble.io?

In this Bubble tutorial video we demonstrate how to create a responsive header and mobile menu with the Bubble new responsive engine.

Watch: How to create a responsive header and mobile menu in Bubble →
How do I use Collapse When Hidden with a loading animation in Bubble.io?

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…

Watch: OpenAI Loading Animation - Using CSS →
How do I use Collapse When Hidden with custom breakpoints in Bubble.io?

In this Bubble.io tutorial we demonstrate a new feature (November 2023) that provides a huge boost to responsive web design in Bubble.io

Watch: Responsive web design & custom breakpoints →