[Resolved] Mobile site with horizontal scroll

[Nadine]

Hi,
my mobile sites have a horizontal scroll. In addition, the Container / Header / Footer don’t fill the page – there is just like an empty backround to the site. On some pages, it is only a small area, but quite a large “empty” space on the right site of the home page.
I am using GP premium with elementor.
I have disabled the “stretch to full with” on all sections on the page. On the general page settings I set the Template option to “Elementor full width” (already tried “standard” but with same results). For page builder container I set it to “full width”.

Any ideas what else I could check?

Thanks!

[Leo]

Hi there,

Does the issue exist if you create a page without using Elementor?

[Nadine]

I haven’t tried that. But it is not with all of the sites I created with Elementor

[Nadine]

Problem solved. It was a setting in the elementor. In case someone has the same issue. I found it with

(function (debug) {
var w = debug.documentElement.offsetWidth,
t = debug.createTreeWalker(debug.body, NodeFilter.SHOW_ELEMENT),
b;
while (t.nextNode()) {
b = t.currentNode.getBoundingClientRect();
if (b.right > w || b.left < 0) {
t.currentNode.style.setProperty(‘outline’, ‘1px dotted red’, ‘important’);
console.log(t.currentNode);
}
};
}(document));

in the console.

Thank you for your support!

[Leo]

Glad to hear 🙂

Thanks for sharing!

[Author]

Posts