Parallax issues on small iOS devices

Hi @romain22,

Kindly share the URL to your website to take a better look.

Thanks!

Hi Betty,
I am still building it but deactivated the coming soon page for the moment : https://www.geneagen.fr/

Thanks again,
Romain

Here is what I have :
@media only screen and (max-width: 1024px) {
h1 { font-size: 72px !important; }
}
@media only screen and (max-width: 800px) {
h1 { font-size: 45px !important; }
}
@media only screen and (max-width: 480px) {
h1 { font-size: 36px !important; }
}
ul.nv-meta-list {
display: none;
}
/* PARALLAX SMALL*/

/* PARALLAX LANDING PAGE */
.parallax {
background-image: url(“https://www.geneagen.fr/wp-content/uploads/2020/09/SE-SOUVENIR-DE-SES-ORIGINES.jpg”);
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-left:-410px;
margin-right:-410px;
}

.parallax-content {
width:50%;
margin:0 auto;
color:#FFF;
padding-top:50px;
}
_______________________________________________________________________
<div class=”parallax”>
<div class=”parallax-content”>
</div>
</div>

But it looks good for me on different iPhone test instances: https://prnt.sc/ui51f1.
If I’m missing something please share some screenshots to show the issue.

It s not working on my Ipad… It did work on a tests I made before too but when checking on my Ipad. I just got a zoomed in picture with no more parallax…

Here is the screenshot on my side : https://prnt.sc/ui56yi

I’m not able to replicate this issue and I don’t think it’s related to the theme.
Maybe it’s something about the custom CSS code you wrote or a problem at your instance, please try to clear your browsing cache.

Thanks Betty.. Might be a Safari problem.. Cleared the cache and still the same ??