Home>Support>So Hero Image not responsive on Mobile

So Hero Image not responsive on Mobile

Hi, I’ve seen some 3-4 yr old threads on this issue so wondered if there were any updates. Using the SO Hero image (Corp theme), I would like the image to scale down otherwise it literally takes up the entire vertical screen of the phone! I thought I could add a max-width: 100% in the CSS Mobile section of the widget but that hasn’t worked.

Is there any update on this issue? Or any additional CSS I can use to fix the problem?

Thank you!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 year, 5 months ago Andrew Misplon Hi, I Work Here

    Hi Charlie

    Thanks for posting your question.

    The Hero offers FitText which resized heading tags for mobile. As a whole though, the Hero wasn’t designed to use a background image size of 100% which requires the height and contents of the Hero to scale. We have recently added a Mobile Height setting which in conjunction with FitText is helpful. If the combination of FitText and Mobile Height isn’t enough, you could perhaps give Smart Slider 3 a try. Alternatively, if you don’t need text layering, you could use the SiteOrigin Slider widget which offers normal image resizing. The Slider widget does offer a foreground image option but doesn’t offer text layering. Let us know how it goes. Feel free to send a link if you’d like us to take a look.

  2. 1 year, 5 months ago charlieapple

    Thank you Andrew.

  3. 1 year, 5 months ago Andrew Misplon Hi, I Work Here

    For sure. If any follow-up questions arise, please, let us know.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More