Allow button to always remain in viewport
I have a URL: https://kasi-web.vercel.app/users/DKBvDQwQAXvFaIUzKmiM. I want the "Pay With Kasi" button to stay at the bottom always without users needing to scroll, regardless of the device.
I've currently set the height to 100vh in my CSS, but I still need to scroll on mobile devices to see the button.
4 Replies
Try adding 100svh after the 100vh.
web.dev
The large, small, and dynamic viewport units
New CSS units that account for mobile viewports with dynamic toolbars.
100% ftw