The background images I've set on two of my rows are large, pixellated and unclear on my mobile :( When I resize the browser on my laptop, the images resize correctly. However, when I look on my iPhone, the images do not. Please can you help fix this?
Hey there Clapat Team,
The background images I've set on two of my rows are large, pixellated and unclear on my mobile :( When I resize the browser on my laptop, the images resize correctly. However, when I look on my iPhone, the images do not. Please can you help fix this?
Kindest thanks for any help,
Sally
Hi,
Please open style.css, go to line 4238 and replace bg position with this:
background-attachment: initial !important;
Hope this will work.
Thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Nopety-no, unfortunately.
Also, my text editor hi-lights the 'initial' statement in background-attachment: initial !important; as unsupported code. Any thoughts to what next?
Thanks, Sally
Hey guys! I still need to resolve this issue, can you help? Thanks, S
Hi,
Please add this in Theme Options > Stuling Options > Custom CSS:
@media only screen and (max-width: 1024px) {
.vc_row.parallax {
background-attachment: scroll !important;
}
}
@media only screen and (max-width: 767px) {
.vc_row.parallax {
background-attachment: scroll !important;
}
}
@media only screen and (max-width: 479px) {
.vc_row.parallax {
background-attachment: scroll !important;
}
}
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy