Search code examples
mobilesafaridragresponsive-design

horizontal drag on mobile safari


Maybe I'm afflicted with myopia and just can't see what's wrong anymore but I have some weird horizontal drag going on in mobile safari only (i checked it on a browser and on my android phone and it's working fine.) I'm wondering if anyone has any insight as to how to prevent this from happening? The link to the site is yetisandbox

maybe it's a viewport issue? I'm using this currently:

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

Thanks for the time!


Solution

  • I ran into this too. This fixed it for me:

    html, body{
        overflow-x: hidden;
    }