Mobile version scrolling left and right with Ella theme im using for Shopify

Store Design
1

Hi there,

Any one can help with this issue; My site only on mobile can be scrolling to left and and right freely… looks not fixed .. its happened in all pages of the site.

I looked over all tickets related to this issue and nothing helps, My site is www.4gamers.co.il and I cant solve this issue, If someone can help ill appreciate that.

Thanks

2

Hello,

Add this css in theme-styles.scss.liquid you can find this file under assets.

@media only screen and (max-width: 768px) {
body{
    overflow-x: hidden;
}
}

If you can’t find the file then paste css in theme.liquid before this tag

Thanks

3

Hi there,

I tried in both Files and still didn’t work !!!

I opened the site in my iPhone and Samsung and looks the same the site moving when I scroll to the right and all blank white, It stops in certain point.

When scrolling back to the left I can see the site:(

4

Now the mobile version on Samsung device okay, But iPhone not !!! In iPhone still the site can be zoomed out and in , can scroll to the right and the content of the site disappear

5

Use this one

@media only screen and (max-width: 768px) {
body{
    overflow-x: hidden;
	-webkit-overflow-scrolling:hidden;
}
}