Streaming live at 10am (PST)

How to make scroll in Horizontal mobile view


#1

I have designed a few sites they just dont scroll in horizontal phone view - its just cuts off after 100VH, and I cant set width in % caus is graded out and set to auto.
How to make it Scroll on horizontal mobile view if desktop version set on 100 vh?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

You mean:

You set the section to 100vh, then on mobile portrait it’s fine, but when phone is tilted to landscape the scrolling stops working?


#3

yes, i ment that. And I was going to set widths in % but usually is graded out and is auto.


#4

Send your read-only link and I’ll take a quick look.

  1. But try using flex expand instead of 100vh, etc. Let the content flow before css styling and get an idea of the content flow.

  2. Set the section to block. Then try using the VH for the margins instead for sizing.

Give that a try and see.


#5

Ill try flex, (cz all sections in block are already set) but all design gets messed up in flex - its like building from scratch again.