Archived topic
Mobile View shifting to left and right
3 replies · Started by Quentin on July 2, 2020
Hi there,
it seems I am facing a slight problem. When changing to mobile view my page can be moved to the left and the right. On Desktop there are two sections side by side in one row and both have a margin of 15px (top bottom and left right). On mobile these will be on top of each other. I assume the problem might be because of some margin stuff. I played a bit around but nothing worked. Any idea how to fix it?
I am using this kind of set up on several pages but this problem appears just on certain pages (follow provided link) and I do not see a difference in the set up process.
Thank you very much in advance
Quentin
Hi there,
your site is built with Elementor - so the problem will be related to that content. It generally happens when either:
1. There are multiple nested elements with padding
2. Negative margins are used.
Ideally you would inspect each element to find which is causing the problem.
But the quick fix is to add this CSS to your site:
html, body {
overflow-x: hidden;
}Hi David,
just one word -- awesome .. it works ..
Thank you very very much .. such a piece of CSS code could make such a huge difference .. haha
Quentin
Glad to be of help
