Hi everybody,
I have been facing the issue that some buttons that are positioned just fine on desktop disappear when switching to mobile.
They might go outside the canvas, however, I have found no way of finding them on mobile view.
Have you encountered this, and how have you solved this? I imagine making separate buttons just for mobile will get complicated fast.
Thank you 
Hello Catlikesbest@matthiastonitz,
Check the layout constraints of your buttons to ensure they are set up properly for responsiveness. Adalo offers various layout options such as stack, row, and column, which can help buttons adjust to different screen sizes.
Place your buttons inside responsive containers like rows or columns. These containers automatically adjust their size and arrangement based on the screen size, preventing buttons from going outside the canvas.
Adalo allows you to set conditions for when elements should be visible or hidden. If certain buttons are causing issues on mobile devices, you can create conditions to hide them specifically on smaller screens.
Use Adalo’s preview feature to test your app on different mobile devices and screen sizes. This will help you identify any layout issues specific to mobile view and make necessary adjustments.
If certain buttons are crucial for mobile users but cause layout issues, you may consider creating separate buttons specifically for mobile view. While this approach may add complexity, it ensures a better user experience on mobile devices.
By applying these strategies and leveraging Adalo’s features for responsive design, you can effectively manage disappearing buttons and ensure a seamless user experience across desktop and mobile devices.
Best Regards,
Alignments, etc… is kind of a nightmare on Adalo…
The best way to try to solve this (in a test and error approach) is to group items… but you have probably tried this.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.