Tagged: parallax, picture size
Hi, searched the forum up and down but can not find the right solution to solve my problem.
– Working with the freelancer themes grid row.
– Parallax on Desktop works propper, but does’nt work on ipad. The piture size increases (known issue I think)
Have a look at the private link, so you’ll see waht I mean.
Any idea? May you provide me with some quick css to solve ;)
thank u in advance
Hey andreas_anselm,
Thank you for the inquiry.
Yes, you are right. This is a known issue on iOS devices where fixed backgrounds do not work correctly when the background size property is set to cover.
iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details
// https://caniuse.com/background-attachment
To fix the issue, we could set or revert the background-attachment property back to scroll on iOS devices. Please add this css code to do so.
@media only screen and (max-width: 989px) {
.avia-full-stretch{
background-attachment: scroll !important;
}
}
Best regards,
Ismael
Hi Ismael,
thank you for your response.
Your code has fixed the problem :)
Only have had to play a bit with the max-width entries and now it looks perfect for me.
good job, thx & best regards
Andreas
Hi Andreas,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
thank you, I’ll do so ;)
bye
Andreas
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon