Reply To: Image on slider not resizing correct

August 28, 2020 at 5:42 am #10034302
Support
Keymaster

Hello,

That’s the default behavior of slider background images. On mobile devices always will “cut” some parts of the image. By default the images are defined to be centered in the screen (cutting the sides).

An alternative is use custom css with media querie to move the image background horizontally. For example, add this code below at “css/custom.css”:

@media(max-width: 767px) {
    .rev_slider li.tp-revslider-slidesli .slotholder .tp-bgimg {
        background-position-x: 40% !important;
    }
}

This will move the image horizontally at screens below 768px (mobile).

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads