Background images are looking zoomed because mobile devices don’t support parallax scrolling. And background image have to cover full section height. That’s why images are zooming to cover full height. Please try this solution.
Use small pattern images for mobile devices only and allow them to repeat so that they can cover complete section area.
Go to the Appearance > Customize > Styling Options > Custom CSS and paste code given below.
[code type=html]@media screen and (max-width: 768px){
#section1 {
background-image: url(YOUR IMAGE ADDRESS);
}
#section3 {
background-image: url(YOUR IMAGE ADDRESS);
}
#section4 {
background-image: url(YOUR IMAGE ADDRESS);
}
#section5 {
background-image: url(YOUR IMAGE ADDRESS);
}
#section6 {
background-image: url(YOUR IMAGE ADDRESS);
}
#section7 {
background-image: url(YOUR IMAGE ADDRESS);
}
#section8 {
background-image: url(YOUR IMAGE ADDRESS);
}
#section9 {
background-image: url(YOUR IMAGE ADDRESS);
}
.contact_section {
background-image: url(YOUR IMAGE ADDRESS);
}
.plrx_enable {
background-size: 100%!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
}
}[/code]
For more information, you can contact our support team at the support forum
