Mobile–Has horizontal scrolling, how to remove

Home Forums Porto – Responsive HTML5 Template Mobile–Has horizontal scrolling, how to remove

  • This topic has 1 reply, 2 voices, and was last updated 8 months ago by Support. This post has been viewed 401 times
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10044031
    eazylearn
    Participant

    Hi. On my iphone, the website shows a long horizontal scrolling bar. How do we remove this?

    Thanks!



    Template Version: App Landing
    #10044032
    Support
    Keymaster

    Hello, a few thing to try:

    – Change the viewport to:

    FROM:

    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">

    To:

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

    Also this css:

    (css/custom.css)

    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

    You can also try to remove some elements from the HTML just for test purpose to make sure which is causing the scroll.

    Best Regards.


Viewing 2 posts - 1 through 2 (of 2 total)

This topic is marked as "RESOLVED" and can not rceive new replies.