Streaming live at 10am (PST)

Page Section Height in mobile view


#1

I'm having trouble visualizing what the height of a page section actually is when I view a layout in the dashboard's mobile view. For example, a page section at 100vh height, when in dashboard's mobile view, spans really long. Are there any guidelines as to where to try and end a page's section so it aligns close to what a phone's screen height may be? Do I just eyeball it?


Here is my public share link: https://preview.webflow.com/preview/david-stoltz?preview=08ffa7debd4e1d7168b809564af33220
(how to access public share link)


#2

You can explore many Chrome extensions to match windows height size with devices height, for example: https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en

You'll have to craft your own profiles in order to take account for Webflow's top bar.

You can also temporarily ditch the 100vh rule for a fix height rule that matches a certain device.

That would be cool to have a way to test for heights within the Designer as we have the luxury to test for devices width.


#3

Ah ok, I'll try the extension out thank you!


#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.