Home>Support>How do I make my Hero Images responsive for my Mobile website

How do I make my Hero Images responsive for my Mobile website

I’ve tried adding the Max width CSS to my rows in the Mobile CSS styles section but it doesn’t seem to make any difference. If someone can help please look at www.voiceauthor.com on a mobile browser and tell me what i can do differently

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

  1. 6 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Vrishank,

    Your hero widget isn’t responsive due to settings. You’ve set it to use a height of 500px. This will lock the hero widget at 500px regardless of what resolution the user is using. It’s recommended that you either don’t set a height (which will allow the hero widget to work out the height on the fly) or use a viewport based height.

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