Hero Image – Mobile Devices

Home Forums Technical Theme Support STAX Theme Hero Image – Mobile Devices

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #454296
    Joshua Wilson
    Participant

    How can I control better what part of the image is brought into focus on the mobile version of the hero?

    #454401
    David Morgan
    Keymaster

    Hi Joshua,

    There are no background position options specifically for mobile. You would need to make this change using the “background-position” CSS property within a mobile media query. Something like this:

    @media screen and (max-width: 768px) {
      .page-id-30 .obb-hero {
        background-position: right;
      }
    }

    Otherwise, you could try using the “Cover” block in place of the Hero block. Within the Cover block options you can change the focal point of the background image. However, this option is not specifically for mobile either, but it might help you find a happy medium in regards to the image placement on both desktop and mobile.

    I hope this helps.

    Thanks!

    #454461
    Joshua Wilson
    Participant

    The Hero for the site https://starfishpartnerships.com has an issue w/ showing the starfish “hero” image on iOS (iPhone & iPad) but at least shows up on Android?

    #454534
    David Morgan
    Keymaster

    Hi Joshua,

    The link appears to be a Squarespace site. If you decide to switch back to WordPress, we’ll be happy to help.

    Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.