Unable to scroll Amp'd pages ?

[eva2000]

On desktop I can scroll Amp'd ?amp=1 tagged pages fine in Chrome and Opera browsers. But on my Samsung S7 mobile via Chrome browser, I can't scroll a loaded ?amp=1 tagged page ?

Same if i use Chrome desktop devtools to preview amp'd page in mobile simulated devices ?

• non-amped Letsencrypt - SSL - Letsencrypt downtime ?
• amped Letsencrypt - SSL - Letsencrypt downtime ?

 

[Naz]

For some reason, you have this in your CSS:

It is blocking the ability to scroll. The fact that this happens on only AMP'd pages might be a quirk on AMP's side but regardless, should probably see why that's actually there.

 

[eva2000]

strange indeed, in mobile view i see it as disabled/striked out and not able to scroll, but enabling it/checkbox it scrolls



just have to figure where it's coming from

if i search templates for (max-width:800px)

only one template is returned = nflj_showcase_thread_view.css

 

[eva2000]

strange testing this more, on non-amp page the media query with max-width 800px for body still allows me to scroll in mobile but same query in amp page doesn't ?

 

[Naz]

strange testing this more, on non-amp page the media query with max-width 800px for body still allows me to scroll in mobile but same query in amp page doesn't ?

Seems like a quirk on AMP's side. I haven't had much of a chance to experiment with it over the weekend as I've been busy with other commitments but I should have a chance to look at it during this coming week.

 

[BamaStangGuy]

We have also run into this issue on PixelExit styles. I have made an edit to fix it. I will have to hunt down what we did.

 

[eva2000]

thanks @NixFifty & @BamaStangGuy if you can find that fix

Google is gobbling up the validated AMP pages now

 

[BamaStangGuy]

Can we get a fix for this? Whatever it was that I fixed was lost in our latest style updates. Got to dig through and figure out what line of css was causing it.

 

[BamaStangGuy]

@media (max-width:{xen:property xb_offcanvas_width})
{
    html, body
    {
        overflow: hidden;
    }

Inside xb_offcanvas_menu.css

Removing overflow: hidden; fixes it.

 

[Naz]

@media (max-width:{xen:property xb_offcanvas_width})
{
    html, body
    {
        overflow: hidden;
    }

Inside xb_offcanvas_menu.css

Removing overflow: hidden; fixes it.

I'll see if I can put a workaround for this.