Answers to Horizontal scroll appears on website when using iPhone ( 3 )

  1. 2017-09-05 21:09

    you can restrict user to stop zoom/pinch on your website by adding this meta tag :

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

    or if its a very minute x-scroll effect you can use the following little hack:

    body    {
        overflow: hidden;
        overflow-y: auto;
        }
    

    it will stop any horizontal scroll effect.

  2. 2017-09-05 21:09

    It seems like the page css is making this mess. Even in safari on my Mac getting the same issue. Please make sure your CSS.

    As of my knowledge I gone through the CSS properties of your page CSS of body tag

    which is causing the issue. It will be better if you use % instead of 'px' will resolve your issue.

    Thanks! Keep Coding.

  3. 2017-09-05 21:09

    If you are using fixed width, then it might lead to problems. Use **

    width:100%

    **

Leave a reply to - Horizontal scroll appears on website when using iPhone

◀ Go back