How do you design mobile screens on Wappler?

Mobile Apps
#1

Pretty sure I am missing something simple, but how to I restrict the design view to certain screen sizes of mobile phones?

Currently, it’s always 100% height of the Wappler design view, but how to simulate different heights to adjust the designs, especially for smaller phones?
(Not all screens are designed to be scrollable)

CleanShot 2023-01-17 at 11.24.04@2x
CleanShot 2023-01-17 at 11.24.04@2x1848×2084 159 KB

#2

You can’t adjust for screen height on mobile, just width. In your screenshot you have the header and footer. Those will always be at the top and bottom regardless of screen height.

1 Like
#3

Thanks, Brad. I was hoping there’s some way to simulate viewport / diplay size / fold.