Specific row height for iPad browser

[charlottevard]

Hello!

I just finished my portfolio website and noticed a problem when browsed on an iPad.

Each project page is supposed to be unscrollable and is unscrollable on different computer browsers (I had asked for help on the forum and the solution given works perfectly!).

On iPads, I think the problem comes from the fact that the menu/navigation bar of the browser is expandable so I guess the browser load my page for the highest screen space possibility and when the browser menu is expanded it makes my page scrollable. I don't know if it's very clear but you can check it on those screenshots:

Here is the link to one of my project page: https://charlottevard.com/rockpaperflower/

I would like to know if there is a way, in CSS, to force the carrousel height to be smaller for iOS browsers? Or any other solution that would make the page not scrollable?

Thanks a lot!

[arminunruh]

for the height you chose:

100vh - 181px

can you enter

100svh - 181px

instead? does that work?

[charlottevard]

the carrousel edit page doesn't allow "svh". I tried to add it in css and it doesn't recognize it either (see screenshots below).
Do you have any other idea to fix it? :) Thanks!

[arminunruh]

hey can you update lay theme later today? i will release an update that will make it possible to insert 100svh here

can u then try 100svh - 181px

and let me know if it works

[charlottevard]

Hi
It's working perfectly, thanks!!