Streaming live at 10am (PST)

Fixed div not working properly on mobile


#1

Hi,

I am working on a website and the fixed div for mobile and it works properly on the computer but after I launch it, it doesn't work properly on mobile. Please see the images below.


Here is my public share link: https://preview.webflow.com/preview/dj-fresh-2?preview=d31e3e11980a8cdf01c15c7a469e67e7


#2

I'm not understanding what doesn't work correctly.

Do you want people to NOT be able to scroll that window on mobile?


#3

Hi Cricitem,

I want people to be able to scroll. Please check it on your phone using this link

http://dj-fresh-2.webflow.io/

Click on menu > Bookings > then try scroll down.


#4

It's working correctly on android.


#5

Hi @Starlord great question! What you could try is setting the div to overflow: scroll: (probably want to do this for the landscape view and down)

And try setting a max height on it of 100vh (more information on VH/VW units available here), so that it doesn't get taller than your viewport height and is still scrollable on mobile.


#6

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