[Support request] Blank space on the sides of the pages in mobile version

[Francis Cristina]

Mobile View – there is a blank space on the sides of the pages which causes them to move while we are browsing on it. Do you have any idea to adjust this?

You can see the effect that I tell you from the phone at http://www.sweetcafeteatinos.com

[Leo]

Hi there,

It’s actually the green block at the bottom of the page that’s causing the blank space on the right and the horizontal scroll: https://s2.postimg.org/6s2sh4x3t/2017-06-06_0800.png

[Francis Cristina]

Hello, I see in the capture that you send me that the width of the green bar that generates the cookie policy plugin is more than that of the page itself.
However, I tried to disable it so the cookie policy warning bar no longer appears and the problem of white space and horizontal scrolling continues to appear in the view from the mobile.
Will I have to change some page width settings? I would like to solve this problem, since navigation on the page from the mobile is uncomfortable for users.
I look forward to your comments and recommendations. Thank you very much.

[Leo]

Hmm give this CSS a shot:

body {
    overflow-x: hidden;
}

[Francis Cristina]

Sorry Leo, a ccs modification will not be without effect at the time of some update of the theme? Do you have any documents for the implementation of these changes?

[Leo]

If you add the CSS using one of these methods then it will be saved through updates: https://docs.generatepress.com/article/adding-css/

Do you have any documents for the implementation of these changes?

Not sure what you mean?

[Author]

Posts