Hello,
I started using your Page Builder (awesome work as far as I can tell), but I have an annoying problem…
For test purposes, I created a blank WordPress Theme (only index.php and style.css) and installed your page builder.
The style.css contains only the following lines of code:
/*
Theme Stuff
*/
html, body {
width: 100%;
height: 100%;
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
The index.php simply displays the content:
<div class="main" role="main"> <?= the_content(); ?> </div><!-- .main -->
When I’m now creating a two-column layout in one row and publish my page I have a horizontal scroll, caused by the -15px margin (created by the 30px gutter-width) on the container with the id pg-2-0. Resetting the gutter-width to 0 causes, as expected, the columns to have no padding at all but the side-scroll disappears.
Is this a bug or do I not understand your implementation of the grid? I guess for my case the .panel-grid (id pg 2-0) need to have a 0px margin, the .panel-grid-cell should have 15px (left and right), to get the desired 15px space on each side and the 30px space between the columns. Is this achievable with the settings of the plugin or do I need to use custom css?
Thanks for your help :)
P.S: Unfortunately I’m using a local WordPress installation, so I can’t provide you an URL to review my problem. Sorry.
Hi Nikname,
Sadly, this could be considered a bug. As such, I’ve logged this as a bug in our issue tracker.
Hi Alex,
thank you for your fast reply. Now I feel bad for the trouble I caused, sorry.
For now I use the following workaround:
.container { width: 1200px; max-width: 100%; margin: 0 auto; } .container .panel-grid { margin: 0 !important; }The .container wraps around – this fixes my problem and I get the desired result.
I really enjoy your lightweight Page Builder after working with some of the other Plugins available. Keep up the good work :)
Hi Nikname,
Please don’t feel bad. This is an issue, and it will cause confusion if it’s not fixed. Thank you for reporting it.
Is there anything else I can do you for today?
May this helps for SiteOrigin: I have a simmilar problem (not from the beginning) after a while if I added a row with more than 2 columns the browser showes me a horizontal scroll bar which is a little bit to long.
Hi I have similar issue, when I add a gutter to the column(s) I get this nasty horizontal scroll.
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.
Hello, I’ve got the same problem with horizontal scrollbars. Is there a fix or workaround to get rid off this problem? I don’t want to use any different plugin because this one is very easy and userfriendly and for my opinion my favorite choice so far.
I think this problem can be fixed in the plugin grid. The problem is padding on left and right side of 15px. In a every row the first column need to get rid off the padding and also same for last. And this is independent if you use 1/1, 1/2 x 2 or 1/4 x 4 columns setup. For having a little space on mobile devices (left/right) you can add a padding on the body or container instead.
Please help me out, I really need help to continue my work. :)