Sliding problem with charity template on mobile version

mkoepf1

Hi,

I`m using Charity-template and habe an issue on the mobile version:

at the moment you can "slide" the mobile version left and right, which is really confusing. Where can I disable that in the template, so that the mobile website is completely fixed?

Regards
Susanne

Joshua-M

Hi Susanne,

I can't see the issue now on my mobile, what device exactly are you checking? (or what screen resolution).
Is it visible on the home page?

Cheers
Joshua

mkoepf1

Hi Joshua,
I use a Samsung Galaxy S9+ and e have the same behaviour on the newest iPhone + . Also on smaler mobiles. And it`s a general behaviour on every site.
Please have a look at the screenshot after sliding.
Best,
Susanne

teitbite

mkoepf1 Hi. I'm afraid I cannot see it as well. Is it happening on every page or just some? Can You please tell me one of the urls where You know I should see it for sure?

I already see:

body { overflow-x: hidden; }

which should prevent such thing.

mkoepf1

Hi,

its on every page, on every mobile weve tested (4 different types Samsung/Apple, different resolutions)

Is body { overflow-x: hidden; } missing? Where should I integrate that?

Best
Susanne

aman204

mkoepf1 Hi

You may check now after clearing your browser cache as I have added some CSS alongwith media query in custom.css file :

html{overflow-x:hidden;}
@media screen and (max-width: 970px){.s5_wrap{width:100% !important;max-width:100% !important;}}

mkoepf1

Hi Aman,

thanks alot - after cleaning browser cache it`s working fine now!!

Regards
Susanne