Aligning (centering) Background photo differently on bands

When are you setting up a background photo in a content band is there someway to center it differently on mobile and desktop ? I’d like to center the girl’s face into the phone when it changes to mobile. Thank you! :slight_smile:

Hello Jonathon,

Thanks for writing in!

The face of the girl is not at the center of the image. What you can do is to override the position of the image in smaller screens by using custom css. Please add the following CSS code in the Pro > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(max-width: 767px){
    .page-id-16358 #x-content-band-2 {
        background-position: 70% !important;
    }
}

Hope this helps. Kindly let us know.

1 Like

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