Free Responsive Template - Landing Page Template

Hey everyone!

I just wanted to share my first responsive landing page built with Bubble!

When starting, I was having trouble finding resources for responsive design, and many of the older templates are built to be fixed-width. Using free resources on Youtube and taking inspiration from @gf_wolfer, I created this template as a basic starting point for understanding responsive design on Bubble.

You can clone this to see how Groups are used to affect the way content is displayed on different screen widths, and I use a free plugin for the slide-menu on mobile views. Under the workflow tab, you can see how I make the navigation links scroll to specific page sections and hide the desktop-navigation-links when on smaller screens.

If you’re just getting started with Bubble and need help with responsive design in Bubble, feel free to clone this!