Archived topic
Mobile site with horizontal scroll
4 replies · Started by Nadine on August 28, 2020
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!
Hi there,
Does the issue exist if you create a page without using Elementor?
I haven't tried that. But it is not with all of the sites I created with Elementor
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!
Glad to hear :)
Thanks for sharing!
