Hello guys, I have this .svg scroll shape on the bottom of my page. I use absolute-bottom for this element. It works fine on the desktop devices but there is some weird space on mobile devices when I scroll the page. This is probably due to top n bottom Safari bar. Any solutions please? [1] [2] …

Hello, I found the way how to fix my issue. I had 100vh on my Section and Background video as well. Section has to be 100vh and background video at 100% height. This fixed my problem with the iPhone screen. [fix]

Weird space on mobile devices - absolute-bottom

Design help General

webdev (Jeff Selser) June 29, 2019, 12:18pm 2

Here is a solution.

Topic		Replies	Views
Empty space on Mobile only General	7	1700	September 13, 2019
Vertical Height on Phone and tablet Layout & Design	7	2899	May 10, 2021
Fullpage.js Mobile Section height Custom code	0	978	May 20, 2022
Mobile Responsiveness Full height General	0	637	January 27, 2021
Can't fix section background on mobile General	21	10391	June 19, 2023

Weird space on mobile devices - absolute-bottom

Related topics