Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #35062
    Jim Henderson

    I would like to show a particular portion of the background on my home page when it appears in mobile mode. Specifically, on the computer view, my face appears on the left hand side of the screen, with the text on the right, which is how I want it. However, in mobile mode, the background is centered on the background image, which is not where my face is. Can I adjust what portion of the background image appears in mobile mode?

    Thank you.

    Jesse Owens

    Hi Jim-

    Thanks for the excellent question, and thanks for choosing the Crio WordPress SuperTheme.

    We don’t have a control to change the background’s position specifically on mobile devices, but that’s a great idea for a new feature and I’ll forward that to the theme developers.

    You can still accomplish this with a little Custom CSS. Navigate to Customize > CSS/JS Editor, and paste this line into your CSS Code

    @media only screen and (max-width: 620px) {
        #jarallax-container-0 > div { background-position: top left !important; }

    The code above uses a non-standard “breakpoint” at 620px, but that’s the screen size I found to be the best for when your face starts getting cut off.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Adjusting background position on mobile for off-center image’ is closed to new replies.