- This topic has 15 replies, 4 voices, and was last updated 6 months ago by Leo.
August 27, 2020 at 3:13 pm #1421092Dan
on the mobile version of the site there is an horizontal scroll which I can’t wrap my head around.
Don’t understand where it’s coming from.
Using Gutenberg and GP blocks.
This is a temp url:
DanAugust 27, 2020 at 4:08 pm #1421124Dan
this is a screenshot with the issue:
https://www.dropbox.com/s/lsybte967ei0mzo/gp-mobile.png?dl=0August 27, 2020 at 5:34 pm #1421165LeoStaffCustomer SupportAugust 28, 2020 at 5:40 am #1421671Dan
can you try this link:
ThanksAugust 28, 2020 at 5:45 am #1421682Nadine
Hi, I am having the same exact issue. Have checked all the site settings. On some pages, the mobile version has a horizontal scroll. The site is http://www.green-waves-coaching.de (it’s on the home and about me page. The others seem to be fine.)
How can I fix that? I am using the GP premium with elementor.August 28, 2020 at 6:00 am #1421703DavidStaffCustomer Support
looking at the Home page you are using the Elementor Stretch section option to make the full width.
Which is not a great option as it uses JS to recalculate the width of the element.
I would suggest you remove the Stretch option.
And enable the GP Page Builder container to Full Width for the pages you’re using a pagebuilder on:August 28, 2020 at 6:23 am #1421726Dan
I’ll upload the site to the server so you can take a look.
DanAugust 28, 2020 at 6:35 am #1421733Nadine
Thanks for the fast reply! I don’t seem to have the option. I can only set the container width to a fixed no of pixel. In the menu there is just “container” but not “page builder container”. Do I have to enable any other settings in GP so I can get this setting option?August 28, 2020 at 6:46 am #1421744DavidStaffCustomer SupportAugust 28, 2020 at 6:54 am #1421758Nadine
Ok, I found it on the specific site settings. I was looking at the general Customizer options. I changed the setting according your suggestion. The issue still exists.August 28, 2020 at 7:01 am #1421770DavidStaffCustomer SupportAugust 28, 2020 at 8:01 am #1421949Dan
I’ve uploaded the site:
On mobile (or using the chrome inspector) you can see there is a gap on the left hand side.
I am not using any page builders, just GPP and GP blocks.
DanAugust 28, 2020 at 8:11 am #1421969DavidStaffCustomer Support
On some of your Grid Columns you have 30px left padding. You can set this to
0in the Settings for Mobile. Or instead of using padding on the inside of the Column i would suggest increasing the vertical column gap on the Grid parent.
Let me know.August 28, 2020 at 8:20 am #1421984Dan
Thanks David, that solved it.
I would think that the mobile grid would reset it’s columns padding to 0 to avoid these kind of issues.
Appreciate your help.
DanAugust 28, 2020 at 8:32 am #1422014Nadine
thank you, did so, but still… it seems only to be on pages which have a disable – show page image. that’s the only thing I could find that they have in common.
- You must be logged in to reply to this topic.