Overlay feature not showing the bottom of the page

[QuentinC]

Hello !

I am working on a website, and using the overlay feature to create a menu for the Phone layout. The pages that this menu is linking to are also overlay pages. But the problem is that when i scroll down to the bottom of the pages, I can't see the last lines of texts (unless I hold the scroll with my finger - the last lines are hidden behind the Safari URL bar). Here's the link to the website :
luciematussiere.com/
pw : lucie2023

Do you know where is this problem coming from?

Thank you so much in advance !
Best,
Quentin

[arminunruh]

hey that login doesn't work for me

[QuentinC]

So sorry ! here's the correct login : Lucie2023

[arminunruh]

hmm for me it works/looks correctly

do you have a screenshot, maybe i don't understand the issue

[QuentinC]

Here's a video recording of the screen to show you what's happening :
https://youtube.com/shorts/Uf7rgcvoVW8?feature=share
Thank you for your help

[ffinger]

Hey!
I guess because your regular page is not longer than the screen and your scrolling on the overlay page doesn't trigger the scrolling on the regular page, the adress bar won't dissappear. Maybe try to untick the box "Disable scrolling of website when overlay is opened (recommended)" on the page with the overlay function. It's located under the "Other" tab in the overlay settings for the according page.

Maybe this helps.
PS nice site!

[QuentinC]

@ffinger Thank you for your help ! I think it was a good lead, but it didn't work...

[arminunruh]

hello

thanks for the video
i understand!

please enable this setting again

in custom css enter:

.lay-overlay > .lay-content {
    max-height: 100svh!important;
}

this fix will be included in the next lay theme update

[QuentinC]

It worked ! Thank you so much !!