Archived topic
Website movil version
9 replies · Started by Raquel on August 26, 2018
My site on movil can move to left and right, like is the size where bigger than the screen. When you move left and right is a white space line at the end of the right. Any idea how can i fix this, to just adjust the screen to scroll up and down?
Hi there,
it looks like some of the content you have created in Elementor has not been formatted for mobile.
You should be able to see the issues in the Elementor Responsive view.
Mmm it doesnt sound like it could be the problem. Because even in blog static page it happens.
Its like if I have scroll horizontal bar.
theres a good possbility it is the padding that you have on the inside-navigation. Try that fix first and see if it relieves the problem.
You say the padding on Apperance>> customize>> layout>> header>> padding header ? I put it back to 0 to left because its not making anything.
Also put 0 values on conatiner padding. Container Width is 700px, is it correct? None of this made difference.
I meant this topic:
https://generatepress.com/forums/topic/how-to-not-apply-margin-on-movil-version-header/
If removing the padding hasn't fixed the problem then it means there is another element on the page that is breaking outside the container. This CSS workaround will stop it from happening but its better to find the element that causing it:
html, body {
overflow-x: hidden;
}It works but... the vertical scroll disapear.
Ooops. Updated the code above to effect only horizontal :)
Thank you! It works!
You're welcome :)
