Space on right in mobile

[scottreinhard]

At my smallest width, there is space on the right, outside of my body that the user can scroll to. I’ve attached a screenshot.

Is there something I can change so that there is no ability to scroll beyond the size of the body. Thanks!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I am not getting this issue. Please provide me specific page url with issue.
Thanks
Mohammad

[scottreinhard]

Hi Mohammad,
On the homepage, scottreinhard.com, in mobile you are able to swipe and move the body to the left, and a reveal a black box about 3/4ths of the screen. And on desktop, when you make the window as narrow as possible, you can scroll to the left to reveal a black box. I’ve attached a screenshot of this.

Thanks!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Its perfect to me. Please check the screenshot.
Thanks
Mohammad

Attachments:

You must be logged in to view attached files.

[scottreinhard]

Hi Mohammad,

I may have not described my issue properly. From your example, you can see the scroll bar at the bottom, allowing you to scroll to the right. This should not be the case. You should only be able to scroll up and down, not left and right.

Thanks!

[David Martin – Support]

Hi,

Have you added this custom code to your theme options?

.text-logo, .logo-h1.retina, #logo.h1, #logo.h2, #mobile-logo.h1 {
    width: 500px !important;
    color: #000 !important;
}

You have explicitly set 500px as the width which is causing it.

This should work better: max-width: 500px; width: 100%;

Thanks.