Home>Support>Problems with hero picture on the mobile

Problems with hero picture on the mobile

By Donatas Ranonis, 5 years ago. Last reply by Andrew Misplon, 5 years ago.

Hi there,

I use site origin corp child theme. The main picture on www.matchamagical.com does not look the way it should. Its kind of zoomed in.
Tried different settings on site origin here but that still the same.
No padding selected for the mobile.

I have used the same picture before and it was working so really no idea what im doing wrong.

Please advise. My site is www.matchamagical.com

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

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

    Hi Donatas

    Thanks for posting.

    The Hero only offers background-size: cover. Cover is described as:

    Resize the background image to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges

    In the Design and Layout section of the Hero you’ll find a FitText setting, you can change by how much the heading text in your Hero changes size on mobile. You’ll also find a Responsive Height setting. Try setting a Responsive Height that’s smaller than the default height. Although the image is set to cover, if you use FitText and set a smaller responsive height, it should look closer to what you’re after.

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