- This topic has 15 replies, 4 voices, and was last updated 6 months ago by
Leo.
-
AuthorPosts
-
August 27, 2020 at 3:13 pm #1421092
Dan
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:
http://dd0ab622208e.ngrok.io/Any ideas?
Thanks!
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 #1421165Leo
StaffCustomer SupportHi there,
The URL isn’t working for me.
Can you double check?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 28, 2020 at 5:40 am #1421671Dan
can you try this link:
http://0230cbd7bef0.ngrok.io/Thanks
August 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 #1421703David
StaffCustomer SupportHi there,
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:
https://docs.generatepress.com/article/page-builder-container/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 28, 2020 at 6:23 am #1421726Dan
I’ll upload the site to the server so you can take a look.
Dan
August 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 #1421744David
StaffCustomer SupportThanks Dan – let us know where its available
Nadine can you raise a new topic where we can address your issue directly.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 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 #1421770David
StaffCustomer SupportNadine, you need to edit each of your Elementor Sections and in the Section Settings disable Stretch Section
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 28, 2020 at 8:01 am #1421949Dan
Hi David,
I’ve uploaded the site:
https://www.agrobee.co.il/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.Thanks
DanAugust 28, 2020 at 8:11 am #1421969David
StaffCustomer SupportOn some of your Grid Columns you have 30px left padding. You can set this to
0
in 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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/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.
Dan
August 28, 2020 at 8:32 am #1422014Nadine
Hi David,
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.
Best regards
Nadine -
AuthorPosts
- You must be logged in to reply to this topic.