[Resolved] My site scrolls to the right on mobile

Home Forums Support My site scrolls to the right on mobile

  • This topic has 7 replies, 3 voices, and was last updated 4 months ago by Tom.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1513106
    jim

    I bought the theme yesterday. Its amazing!

    I have one issue though and I can’t figure out what’s causing it.

    When I am on mobile, the whole site can scroll to the right if I try. Maybe something has a bigger width than the page and that is causing it. I turned off my ads but it is not that.

    THE PROBLEM: https://ibb.co/QJ7K03Z

    On the homepage everything is fine, but in posts not.

    POST: https://www.deluxecave.com/free-traffic-sources/

    Maybe it is because the Name field is too large for some reason.

    I turned off all of my plugins but the problem is still there.

    PIC: https://ibb.co/vVRf6S4

    Can you help?

    -Thanks

    #1513333
    jim

    I found out that the problem is the stretched input field/fields.

    Because it’s happening only in the posts and in the contact page where some input fields are stretched to the right.

    Why does that happening and how can I fix that? Thanks!

    #1513356
    David
    Staff
    Customer Support

    Hi there,

    Thats odd, that field is missing its type attribute.
    Did you use any function to change the Fields behaviour ?

    If not then, try adding this CSS to fix that and make the field match the others:

    .comment-form #author {
        background: #fafafa;
        color: #666;
        border: 1px solid #ccc;
        border-radius: 0;
        padding: 10px 15px;
        box-sizing: border-box;
        max-width: 100%;
    }
    #1513647
    jim

    I know… this is really weird. No, I don’t think I did anything. I even deactivated all the plugins and that did nothing I think.

    I use W3 TOTAL CACHE and I have some minification settings. Like Minify CSS and HTML and such. Do you think that might cause this? But even with that disabled, the problem is still there.

    Could Cloudflare settings conflict somehow? I don’t know what to think really.

    I tried your code and it fixed it but I have also an issue on my contact page.

    CHECK: https://ibb.co/0J26Vys

    Is there a problem now that the input attribute is missing?

    I hope to fix this problem without having to add extra CSS…

    #1513735
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    The type missing does seem to be the issue.

    For example, here’s the comment form from our Marketer site in the library: https://www.screencast.com/t/0nQTnps1JY

    And here’s yours: https://www.screencast.com/t/Oq5OqfRiN

    I can’t see a form on your contact page at the moment.

    If you’re able to find out what’s removing the type attribute, you should fix the issue.

    It could be:

    a) a plugin – deactivate them all one by one until the attribute comes back.
    b) a custom function – do the same as the above

    #1513751
    jim

    I am trying to test things out but even if I have removed the contact form in the contact page (thats why you don’t see it)… I still see it on mobile… Even if I have purged all the caches…

    I am having problems deciding whats the problem because I am not sure if I see a cached version or the current state of the site.

    That’s weird I never had that problem. In the past when I purged caches everything was okay.

    It is so frustrating because the site doesn’t update when I make a change… I waste my time clearing browsing caches, server caches, and stuff like that.

    Any advice so I can work better?

    #1513790
    jim

    Hey Tom! I found out the problem. FINALLY!

    I have Ezoic ads and in their dashboard, they have something called SITE SPEED ACCELERATOR.
    You can turn it on if you want and it is supposed to accelerate your site.

    I suppose that it does some sort of minification and it removes my type attribute.

    Anyways I fixed it by turning that off. I double-checked in the ELEMENTS tab when I inspected the site!

    Thanks guys for your help!

    The previous question still stands though. Does caching plugins create a problem with the theme because the cached version on my mobile won’t go away even if I purged all the caches (server-side and browser-side).

    #1514964
    Tom
    Lead Developer
    Lead Developer

    Glad you figured it out!

    The theme should work with any caching plugin as long as it’s set up correctly. If you’re having trouble with one caching plugin, try a different one. Sometimes there are issues with some caching plugins and servers/hosting. I usually find WP Rocket to be pretty good.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.