100vh not working on mobile devices

[ACarchitecture (Charles C.)]

Thank you @webdev for that precision!

Although, I still didn’t work…

-CC

[webdev (Jeff S)]

@ACarchitecture - Where is that element .sec_proj_s_darken on the home page? I don’t see it in the source.

[ACarchitecture (Charles C.)]

@webdev, its on the page ‘‘the nest’’. I just did the same on the main page where I want this to happend also. (I made that change 1 sec ago). db_100vh is on the home page.

** seems that when you copy ‘’- -’’ (I added an extra space so it didn’t merge) it become ‘’–’’… don’t know if that matters.

Regards,
-CC

[Victor_Wang]

Hey, how did you folks solve this issue? I came up with the same problem as well and the code above didn’t work for me

[ACarchitecture (Charles C.)]

Anyone solved that issue? Until now I didn’t find a solution

-CC

[j-frosh (Jonny Rich)]

@James_Fazzino

< script>
// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
let vh = window.innerHeight * 0.01;
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty(’–vh’, ${vh}px );

// We listen to the resize event
window.addEventListener(‘resize’, () => {
// We execute the same script as before
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty(’–vh’, ${vh}px );
});

< /script>

Has anyone got a reliable working solution for this yet? I tried the above but have not been able to get it to work so far. Been bashing my head against the wall
My read only link, though not working yet: Webflow - Jonny Rich — Portfolio

Thanks in advance!

[JTL (James)]

How can nobody have come up with a proper solution for this?