Streaming live at 10am (PST)

Fixed div not working properly on mobile



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:


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

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


Hi Cricitem,

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

Click on menu > Bookings > then try scroll down.


It's working correctly on android.


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.

closed #6

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