Custom css fixed elements not overlapping other elements anymore after updating Lay Theme / Can't enter projects on mobile devices

[RoelOfThirds]

Hi Armin,

after updating to the latest version of Lay Theme I've came across some bugs on my website.

When I enter a project it seemed that the hierarchy in which pictures and texts are displayed got mixed up.
I've got some text layers and videos which are fixed to the top of the browser window. Before the update they where always in front of the other pictures but now they are getting covered by them which is absolutely not the intention. Here's an example: http://roelkamps.com/iron_wolf_rome_ep/

And here's a screenshot. The text and the video used to stay on top of the other pictures but now they are underneath:

Another big problem is that I can't enter any project from their category page (which is also my landing page) on mobile devices.
http://roelkamps.com/

I would be very grateful if you can help me. Thank you!

[arminunruh]

Ok, so first issue, I see you used custom css to make these elements fixed and now they don't overlap the other elements anymore.

Try:

.column-wrap{
position: static;
}

Now the z-index of these elements should work again.
With this change in place, row background images or row background videos might not be positioned correctly anymore I think.

[arminunruh]

Second issue:

I can't reproduce this. What os (ios, android? version?) and phone are u using?

[RoelOfThirds]

Thanks a lot. It worked!

The problem with the mobile version sometimes appears and sometimes not. I'm using iOS 10.2 on an iPhone 5S. Another strange thing is that sometimes when I open the site on my mobile, it doesn't show the top of the page but is already scrolled down quite a bit.