Forum Academy Marketplace Showcase Pricing Features

How to make Off-canvas menu using popup in bubble.io

Hello,
I want to share with you how to make Off-canvas menu using popup.

:arrow_down: :arrow_down: Link to video below :arrow_down: :arrow_down:

5 Likes

This is cool! Thanks for sharing @sebastian Is there a reason you went with popup instead of a floating group?

Yes, reason is simple. When you use a popup you can set grayout color in full screen.
Second reason is you can add popup to Header and create reusable elements.
Like here: Wszystko do twojego domu | Tudom.com.pl

Click to Cart icon on desktop and square or hamburger icon in mobile

1 Like

Hey, @sebastian,

How did you achieved the close x icon?

Thanks in advance :slightly_smiling_face: :computer:


Red frame is a popup, Blue frame is a group inside popup

2 Likes