Home>Support>A bug applying gutter to the column(s) gives horizontal scroll bar

A bug applying gutter to the column(s) gives horizontal scroll bar

By UD, 8 years ago. Last reply by Alex S, 8 years ago.
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].

Hi I have similar issue, when I add a gutter to the column(s) I get this nasty horizontal scroll bar.

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

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

    Hi UD,

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 8 years, 11 months ago Private Message - UD

    This is a private message.

  3. 8 years, 11 months ago Alex S
    Hi, I Work Here

    Hi UD,

    Please navigate to WP AdminSettingsPage Builder and open the Layout tab. Adjust the Tablet and Mobile width to your desired breakpoints. If you want further breakpoints you’ll need to manually add them.

    With that said, our responsive CSS doesn’t seem to be applying. Hm, it doesn’t look like any of the media queries (yours or ours) are working. You should look into that as once that’s sorted the responsive CSS will kick in.

    So the actual issue seems to be related to you using a layout builder as it’s adding gutter on top of gutter (which is intentional) and using a non standard gutter of 50. I’ll look into it but your best course of resolving this, for the time being, would be to either set the gutter to 0 on rows that have layout builders, remove the layout builders (they don’t seem necessary), or revert the default row gutter back to 30.

    You can adjust the columns by simply opening the row by clicking the wrench icon to the top right of the row. You’ll be presented with the edit row modal. Adjust the sliders as desired via this screen.

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