[Support request] AMP and GP

[Chitika]

I see exit mobile version on the AMP pages. I’m using the official AMP plugin.
Can it be removed.

I also see a shift while the amp page is loading. What is the cause.
Also there is a vertical bar on mobile on the right hand side.

Also for AMP GA, i’m already using site kit plugin.
Should i add the AMP GA code also again.

Is it amp plugin or theme compatibility related.
Please let me know.

I have already raised a query about vertical bar here – https://wordpress.org/support/topic/scrolling-bar-on-amp-pages/#post-14528757
Let me know how AMP and GP can be successful in the normal desktop design.

[Leo]

Hi there,

Are you using the compatibility plugin for GP?
https://docs.generatepress.com/article/amp-compatibility/

[Chitika]

Yes, installed it right now.

[Chitika]

I still see a vertical bar on the right hand side on AMP pages.

[Elvin]

Hi Chitika,

Can you show any screenshots of this “vertical bar” you’re seeing? I’ve checked it on my phone and on the Google Chrome’s devtool inspection and I didn’t see this bar.

Perhaps its a caching issue? Have you tried clearing the site cache and your browser’s cache? let us know.

[Chitika]

Here is the screenshot.
https://ibb.co/pKTqTGR

I’m currently using Ad Inserter Pro plugin to insert Adsense ads on AMP pages.
I’m not sure whether that is causing the problem.
Please look into it and let me know whether its plugin or theme related.

[Elvin]

I’m currently using Ad Inserter Pro plugin to insert Adsense ads on AMP pages.
I’m not sure whether that is causing the problem.
Please look into it and let me know whether its plugin or theme related.

It’s quite tricky to determine when it’s barely showing on my end. Does the gray bar stay on yours?

It’s likely a conflict between AMP and Ad inserter.

Can you try disabling the mentioned plugin and see if it still occurs? Can you try changing to a default WordPress theme and see if the gray vertical bar still appears?

[Chitika]

When the plugin is disabled, it works fine.
This is the reply from the plugin support.

It seems the ad code can’t properly fit into the available width so it overflows.

https://ibb.co/7g8gnjw

When wrapped with a debugging div it can’t overflow so the layout is not changed – but the ad is cropped.
https://ibb.co/GWSFWsN

Very likely an issue of the theme/template -the responsive code can’t determine the available width..
Try to define ad widths

Let me know what is the issue.

[Elvin]

When the plugin is disabled, it works fine.
This is the reply from the plugin support.

Did you try it with a default WordPress theme? Did the gray bar still appear?

When exactly does the gray bar occur? Is it present on load? Or just when you resize? I rechecked the size and I only see this when I’m inspecting the site on Chrome devtool when I resize the page. – https://share.getcloudapp.com/bLukeQpg

But if the page is loaded on a specific viewport and I don’t resize, I don’t see it happening – https://share.getcloudapp.com/12u4ybyQ

The quickfix would be adding overflow hidden to body and HTML tag –

html, body { overflow-x:hidden; }

But it won’t address the issue of the plugin not resizing. It just prevents the gray bar.

[Author]

Posts