Web page moves horizonatally in the Iphone 7 - html

Question

I see that the website home page horizontally moves when a user scrolls the page.
Below is the URL:
https://tandcity.dk/da/
I have tried the below CSS
body{
overflow: hidden;
}
html{
overflow: hidden;
}
I added some meta tags. You can check on view source.
Can someone please help me to fix this.

Answer 1

Remove this from body tag:
body {
/* overflow: hidden; */
/* width: 100vw; */
/* height: 100vh; */
}
For Mobile:
On this class .vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper remove margin-right: -15px replace with margin-right: 0px if you want to.
Afrter that replace .vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item , padding-right: 15px; with padding-right: 0px;
Remember for this mobile chages to take affect you have to add it within an #media query.
Example: Where you add the custom css, add this before the closing tag
#media (max-width: 480px) {
.vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper {
margin-right: 0px;
}
.vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item {
padding-right: 0px;
}
}
For iphone 7 :
/* Portrait and Landscape */
#media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
.vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper {
margin-right: 0px;
}
.vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item {
padding-right: 0px;
}
}