Hi,
I’m using page builder with Gridsby Pro. Everything looks great on computers and pads, but on phones the space between rows gets huge. It might have something to do with how the theme reorganize the page to be in one single column on phones. Is there a way to change this without effecting the appearance on other devices?
By the way, the site is very much under construction and I’ve only used page builder on the “more about us”-page so far.
Spaces between rows when viewed on phones
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Elin
Thanks for reaching out.
Some of the padding comes from using columns as spacers. On mobile the columns stack vertically so what you had as a vertical spacer becomes a horizontal spacer. Try removing those, we can assist with horizontal spacing/container width in other ways.
Some of the space on mobile is coming from the images themselves. They have padding around subject.
The site footer adds 50px top padding so that’s the padding you’re seeing right at the bottom. More of a theme level question but Custom CSS can be used to reduce this.
Hope these points help get you started.
Thanks!
Should have thought of that, it’s quite logical now you've mentioned it.
I used padding instead and now everything looks fine.
Great plug-in by the way!
Awesome :) Really glad to hear you made progress on this.
All the best!