viewport

[tad72]

on mobile the site will move horizontally but the page should be fixed and be static. I tried adding

body{
width:100%;
height:100%;
overflow-x: hidden;
}

but page still moves when you track your finger across a mobile screen horizontally. Syntax looks good cannot seem to figure out index.html error on line 575 this might be the issue. Any assistance would be greatly appreciated. Thank you.

---

[Support]

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.

Please try that and let me know if you need further assistance.

Kind Regards,

Jonas

---

[tad72]

No luck on that. If you take a look at the index.html source I believe everything is correct I went back through to make sure I didn’t accidentally leave a closing tag or anything that would cause this. I did to confirm update the index.html viewport and also the css as needed. When viewing the homepage on mobile I can swipe left and right and it drags the entire homepage. This is a problem because if you don’t perfectly scroll horizontally with your finger it ends up throwing the page to the left or right completely in some instances making the site less user-friendly. It can be a pain to view when the page just starts to randomly move.

---

[Support]

Hello,

Please try removing/delete this part of code red marked below:

You can maintain the #home section, just remove the div inside it.

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts