A custom collapsible sidebar example using only Bubble

I’ve been recently looking for ways to create a custom sidebar that collapses and re-opens on mobile. One issue that I came across was that a reusible floating element covers content beneath it even though it’s not visible.
It took a while but I found a solution that works well for me and I wanted to share it with the community since I benefit also a lot from the content posted here.

I am using a separate floating button to open and close the sidebar, so that it can be completely collapsed so that it does not cover any content below.

Here are the links to the editor and the preview.
Sidebar

Let me know what you think and if you have any suggestions for improvement!

5 Likes