Issue with Mobile Layout Shift in AMP Ads Placement

Hello @keshavgupta

Thank you for contacting us, This could be due to the effect of many things my preliminary investigation suggests it’s Auto ads

Can you please try adding the following CSS to your theme. You add this CSS code in Dashboard->Appearance->Customize->Additional CSS

amp-ad[type=adsense], amp-ad[type=doubleclick] {
    display: table-cell;
}

I hope this helps!

You are hero. I was totally disappointed with adinserter plugin support and google adsense support even they are not responding on support email.

Issue resolved.

Thanks

Now destop ads are not showing on AMP version.

Hello @keshavgupta

Can you please replace previous code and try

amp-ad[type=adsense], amp-ad[type=doubleclick] {
    display: inline-table;
}

If that doesn’t work remove the previous and use the following

@media only screen and (min-width: 768px) {
    display: table-cell;
}

amp-ad[type=adsense], amp-ad[type=doubleclick] {
    display: inline-table;
}

With this code same layout shift issue.

When I am using below code mobile layout shifted and desktop top ads are not showing.

@media only screen and (min-width: 768px) {
    display: table-cell;
}

Currently this code has been placed.

• This reply was modified 1 year, 5 months ago by keshavgupta.

Hello @keshavgupta

Can you please try this CSS

@media only screen and (max-width: 600px) {
  amp-ad[type=adsense], amp-ad[type=doubleclick] {
    display: table-cell;
  }
}

Thanks, Now working all ads except auto floating ads showing blank.

Hello @keshavgupta

I am able to see Anchor ads on mobile (screenshot)

Okay. Thanks

• This reply was modified 1 year, 5 months ago by keshavgupta.