Adjustable Screen Height in Mobile Designer View

Despite needing an update to reflect the latest mobile devices, the ability to adjust viewport width in the designer is invaluable when using webflow's mobile design preview for creating mobile-specific CSS classes.

However, when trying to perfect a site design for mobile clients, it is a big limitation that the viewport height cannot also be infinitely adjusted to screen heights of popular mobile devices in the same manner.

In almost all of our site designs, I rely heavily on specifying div block and section heights as percentages of viewport height (100VH) for visual appeal, but this is obviously dramatically different to real device testing when relying on a desktop window height for designing.

While it is obviously possible to resize and drag a desktop chrome window to different sizes, this then makes the designer unusable for specifying new styles as all the designer buttons are lost in the tiny height.

Please can a new vertical sizing bar be implemented for the mobile preview with popular mobile devices marked along the pixel measurement axis in the webflow designer?

 

See also https://wishlist.webflow.com/ideas/WEBFLOW-I-1655 for adjustment of the desktop preview for ultra-large and high resolution displays

  • Michael Naylor
  • Dec 8 2018
  • Pascal Olivet commented
    21 Jun 10:04

    Definitively a must !!!

  • Cristian Zweigler commented
    10 Oct 09:26

    I can't believe that this is not implemented yet. It makes it super hard, if not impossible to design on mobile devices with abstract units as viewport height