Slider revolution not mobile friendly

Hi,
I just tested my site on mobile and it looks like the slider revolution background is not resizing to window size. You can see it here/l: https://www.devoteewear.com

I’m also using one image and would like to hide the left and right arrows but couldn’t do it through setting or CSS. Can u please help?

Thanks!

Hello,

This is not a Slider Revolution issue, this is the issue of image background behavior.

Make sure you have set the background “center center” http://prntscr.com/lz8pj0 If it does not help, hide the slide on mobile and create the new one with the smaller image on the background.

Best Regards

Thank you!

Hi,
I’m trying to tweak the placement of the background using the sliders CSS, but it doesn’t seem to be working. Can you please help?

I’m adding the following css:

@media only screen and (max-width: 700px){

ul.tp-revslider-mainul .slotholder .tp-bgimg.defaultimg{

background-position: -1100px center !important;
}
}

Hello,

You would better hide the slide on mobile and create a separate one with the proper image.

Best Regards

[Author]

Posts