Website not displayed correct in Safari MOBILE on iPhone15pro, iOS17.3 (viewport/dynamic)

[mikhtml24]

Hi there,
I’m new here because I’m trying to fix a problem on my new website and it doesn’t work for weeks now.

1. I have 13 single project pages.
2. If I open one of those pages everything is fine (left part of the image).
3. If I scroll down the viewport changes dynamically and if you click on EXPLORE MORE WORK (see link below) the next single project page opens
4. BUT (coming from any previous page) the result is the one on the right side of the attached image.
5. Safari does not reposition the website
6. If you refresh manually the page will be reloaded correctly

This happens on the iPhone 15 pro, iOS17.3 and it seems to happen only in this case but I don’t understand why.
If you check other websites everything is fine. Seems that Safari does not recognize to reposition (I don’t know how to write that). Every page should open the same way.


In the css there is a section called .section.fullscreen { min-height: 100vh } and I found out that on Safari there are the new svh, dvh and lvh comands but they don’t work.
On the page itself I have

meta name=“viewport” content=“width=device-width, initial-scale=1, viewport-fit=cover”

I don’t know how to fix this, can anyone help please? The problem is that the page is not adapting to the new viewport if you open another page but the previous dynamic viewport stays the same in Safari…seems that this problem is only on the iPhone15pro, iOS 17.3...

Here is a link to my test-website.