Website scrolls perfectly on desktop but not on mobile

[thephantomlobster]

Hi,

I’m building a site here: https://clippingpointmedia.co.za/cpm2019dev

The trouble i’m having is that the site works fine on desktop, but it won’t scroll at all on mobile…
I’ve read through multiple forums including this one:

Scrolling on desktop but not on mobile browsers

Hi, It’s the visibility:hidden that you were using to hide the scrollbars that stops it scrolling in ios and safari. #col1, #col2 { visibility:hidden; Also you cannot use background-attachment fixed and background-size:cover together in ios as the image will stretch to the whole content and not just the viewport (it’s a long standing issue with ios). You can however place a fixed element to cover the body and then you don’t need the background-attachment fixed rule. e.g. This works on ios…

I’ve tried changing the position:fixed elements to something else and tried removing any height refs but no matter what i do, the site will not scroll on mobile…

Any Ideas?

[PaulOB]

@thephantomlobster

The trouble i’m having is that the site works fine on desktop,

I think you must have taken the site down because all I see is an un-ordered list?

[WebSteve]

The site, which only shows a list of text at one side, scrolls fine on my Samsung phone, whether held vertically or horizontally.

[geektech41]

You can try removing overflow:scroll from the html, body CSS rule.

[PaulOB]

@geektech41

You can try removing overflow:scroll from the html, body CSS rule.

That rule doesn’t seem to be present so may be hard to remove:)