x

Website is not scrolling on mobile

Having an issue with our website scrolling on mobiles. I assume some widget etc is at fault but I havent installed any new ones.

www.blossombeautylab.co.nz

Its pretty urgent, please help I assume customers are having issues viewing.

Thanks in advance

2,240 Views
Message 1 of 8
Report
7 REPLIES 7

2,239 Views
Message 9 of 8
Report

@Dragon_  When first opening in mobile there exists a small "Chat with Blossom Beauty Lab" pop-up -  tap to open then tap the X to completely close the chat window - then vertical scroll works...at least it does for me using Chrome browser..

2,223 Views
Message 9 of 8
Report

@NJRFTF Awesome thank you so much for your help, you are absolutely.

Interim we have a work around now, from here its a process of elimination. I have switched to SSL recently because we are adding an ecomm platform and I suspect that I may need to move or modify code of the Facebook widget.
2,211 Views
Message 9 of 8
Report

@Dragon_ 

I've just viewed your site on an Android tablet using Opera and Vivaldi browsers. It displays fine in portrait mode but in landscape the purple titles are scrunched up/overlapping and almost unreadable. Might be worth playing around with the letter spacing and/or sizing and/or line height.

Gary

image

2,209 Views
Message 9 of 8
Report

Hi, yes thank you I was aware of this issue its a bit annoying. And yes its the line height that I decreased for style reasons and now am suffering the consequences.
Thanks for mentioning it always appreciate input and reminding me I need to get on to that.
2,184 Views
Message 9 of 8
Report

Does anyone here understand how to override the body overflow on the CSS.

I found that wordpress users are having the same issue with their messenger plug in since a few days as well. A guy on there wrote a line of code that would override the overflow and fixes the issue but I am not sure where to place it on the weebly code editor.

here is the link and code:

https://wordpress.org/support/topic/breaking-mobile-scroll/

body { overflow: auto !important; }
2,182 Views
Message 9 of 8
Report

@Dragon_ 

CSS overides are normally best placed in the site (or page) header code. In this case, site header; via SETTINGS-SEO. 

Gary

2,170 Views
Message 9 of 8
Report