Mobile version margin issues - goes into white space

Support
#1

For some reason, when looking at my website on a smartphone, you can veer off the page and scroll to the right into white space.

I know I’ve added some CSS in the past, but it’s been too long ago for me to remember why I added what I added.

I have an X Theme: Ethos and the website is ohiofestivals.net

Thanks in advance!

#2

Hi @Kristian73,

Thanks for writing in.

Upon checking your setup, I could not be able to scroll to right.

Would you mind sharing a screenshot of the problem and the device that you are using so we could replicate it in our side.

Thanks.

#3

Sure! I’ll put a screenshot moved halfway to the right (swiping toward the left).

#4

Hi @nico

Wasn’t sure if you got the reply. Here is another pic further off-screen…

#5

Hi there,

Please add this code in the custom CSS:

@media (max-width: 480px) {
    html {
        overflow-x: hidden;
    }
}

Hope this helps.

#6

Thank you, @Jade ! That worked. I really appreciate it!

#7

You’re most welcome, Kristian.

#8

Tried your code. It works on the home page only. All other pages/posts show the “infinite” horizontal scroll issue…

#9

Hello There,

Thanks for updating this thread. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

By the way, can you confirm that you have updated to the latest versions?
Our latest versions are:

  • Pro theme 2.1.6
  • X theme 6.1.6
  • Cornerstone 3.1.6

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

Please let us know how it goes.

#10

Hello again. My url is Iglesia Nuevo Testamento de Ponce. I have updated to Pro 2.1.6 and I checked the latest changelog and couldn’t find anything related to this particular issue.
The website is in Spanish. Apparently, the problem exists with posts, and not with pages. You can see the posts at: Mensajes.
Thank you for answering so soon!

#11

Hello There,

It looks like there is a custom css that is causing the issue. You may have added this:

body {
  overflow:initial;
}

Please remove the code block to resolve the issue. Please let us know how it goes.

#12

Found it! That did the trick, don’t even know how that got into my global css…
Thanks a lot!

#13

You’re more than welcome, glad we could help.

Cheers!