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

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 7 years, 8 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