Home>Support>SiteOrigin Hero – Padding/Text on Mobile

SiteOrigin Hero – Padding/Text on Mobile


I recently added some Hero widgets to a website I’m working on and optimized for desktop. Today, I started working on making sure it was also optimized for mobile.

For the desktop view, I need side padding to be 150 pixels so the text looks nice on the background image. I don’t believe this should effect mobile versions because it’s under “desktop” under “layout.”

However, the mobile version (even when set to 1.25 fittext) displays the text so narrow there’s only one letter per line. I tried to adjust the side padding under the desktop/layout settings, and it fixed the mobile version also. (The tablet version is fine.)

I don’t believe this should be happening. How do I fix it?

website is alfonsejaved.com (first hero on homepage)


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 months, 1 hour ago Andrew Misplon Hi, I Work Here

    Hi, thanks for reaching out.

    The Hero Widget settings have expanded over the years. This sort of organic growth means that existing layouts have to be kept in mind as a new setting is added. As a result, the desktop padding value will apply to mobile unless a mobile padding value is set—apologies for the hassle. Please, try setting the mobile side padding value to 0 and let us know how it goes.

  2. 4 months, 27 days ago ageresdifficiles

    Fixed, thanks!

  3. 4 months, 27 days ago Andrew Misplon Hi, I Work Here

    Super, glad to hear you’re making progress. Thanks for the update.

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