Home>Support>Hero Margins

Hero Margins

I am having two issues. The Hero widget/row on one website that I am working on causing a problem. Despite the row being set on “full width stretch,” it does not extend beyond the container setting on the left margin.

The hero widget is also very skinny on smartphones, despite the mobile settings for the padding being taken down to “0”

The website is www.rockinldranch.org

Thanks. I am a big fan of PageBuilder.

Lora Horn

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 Lora,

    You’ve added some CSS to your website which is causing this issue. The following CSS is causing this issue and it’s being added to a plugin called Simple Custom CSS and JS (I’m unsure on how to access its settings):

    .so-panel.widget ul,.so-panel.widget ol {      margin: 0 0 1.5em 3em;}

    I recommend replacing the above CSS with:

    .so-panel.widget ul:not(.sow-slider-images),.so-panel.widget ol {      margin: 0 0 1.5em 3em;}
  2. 6 years, 11 months ago lorahorn

    Hi Alex,

    Thank you. That worked.

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