Rev Slider Background image on moblie is back 2021

Support
#1

Hi im trying to get this guys face to show up on mobile screens so i need to move the image to the left, is there any way to move the image to the left ? here’s the rev slider https://claycaldwell.law/

I have had this issue before and it was fixed with added this css

@media(max-width: 979px){
    #rev_slider_2_1 .active-rs-slide rs-sbg {
        background-position: 80% !important;
    }
}

But now its not working :o/
#2

Hello @Eyeappealdesign,

Thanks for writing in! Please make sure that your custom CSS code is valid and correct. The position of the background image should be two values like background-position: 50% 50%;. For more details, please check this out:

Hope this helps.

#3

it has been so long since i have oppened up CSS in rev slider… would you show me how to even get to css in rev slider lol . thank you

#4

Hello @Eyeappealdesign,

Please add this custom CSS code under X/Pro —>Theme Options --> CSS to align background image in the left on the mobile device.

@media(max-width:480px){
#rev_slider_2_1 rs-sbg {
    background-position: 50% 50% !important;
}
}

Please feel free to change background-position value as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

#5

is there a way to move the background image around freely with out code because i’m putting the code in the css box and nothing is changing. I was working and displayed properly before. it just started displaying like they recently. I getting the feeling you think I just stated this slider project… This slider has be up and running and working properly for 2 yrs until recently

#6

Hello @Eyeappealdesign,

Please have your custom CSS updated and use this instead:

@media(max-width: 979px){
    #rev_slider_2_1 rs-sbg {
        background-position: 80% !important;
    }
}

Kindly let us know how it goes.

#7

thank you that worked… although i kept trying to added the code to the css inside rev slider lol and then i figure out the other css under customize

#8

Glad you figured it out, @Eyeappealdesign!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.