Quick Responsive question

Dear Bubblers,

Just stuck on my header encroaching on the form below when I shrink to mobile. What settings can i adjust to ensure this doesn’t happen? You’ll see the 2nd image I loose the first part of my form…


Hi @martin10. In this case, you’d want to work with hide-conditionals. So for example, 'When current page width < X px, then hide and collapse this element. (This element being ‘Home’, ‘Properties’…)

And then when those elements are hidden, you can show a hamburger menu icon, that displays your header elements vertically in a new group.

Bubble.io’s header is built like this as well. :slight_smile:

Gotchya, thx.

1 Like