How to move a background image around on revslider 2.0

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 .tp-bgimg.defaultimg {
        background-position: 80% !important;
    }
}

but it is not working any more.

Hello @Eyeappealdesign,

Thanks for posting in! I have checked your page and the code is in place. Due to the recent changes in the Slider Revolution, the class in your custom css no longer exist. Please have the code updated and use this instead:

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

We would love to know if this has worked for you. Thank you.

thank you that worked… Would you know how to get ride of the white line between the header and rev slider?

Hi @Eyeappealdesign,

Sorry, I can’t figure out where is that white line coming from, I think that slider should have been added as Below masthead instead of Above Masthead.

Please provide us login credentials in a secure note so we can take a closer look.

Thank you,

ok thank you i sent the login info :o)

Hello @Eyeappealdesign,

Thanks for providing the details.

I have checked and that white like is coming from the box shadow that you have set in the Mobile Nav Logo bar.

Kindly edit the settings and remove the box shadow.

Hope this helps.

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