MPU margin left on mobile

Jono_Brain2 · September 17, 2019, 8:14am

Hello

We are wondering why margin-left is added to the mobile ad unit. We are serving an MPU and it becomes indented and off screen on iPhone 5.

I can see this line is causing it:

.google-dfp-ad.dfp-ad-post-bottom {
.google-dfp-ad-label,
.dfp-ad-unit {
margin: 0 0 0 52px;
}
}

I can overvide this but was wondering is there a good reason for it which Im missing?

neil · September 17, 2019, 1:55pm

I don’t see those margins on mobile.

It looks like you’re seeing the desktop view in a narrow browser.

Jono_Brain2 · September 17, 2019, 2:16pm

I dont think its that. If Look at the Car Talk on my iPhone. At the top I see MPU like this:

Which looks great but if I scroll down the ad in middle of posts look like this:

neil · September 17, 2019, 2:18pm

I guess I should ask: what is an MPU?

Jono_Brain2 · September 17, 2019, 2:33pm

Sorry @neil

Its a 300x250 ad e.g. Spyro ad.

neil · September 17, 2019, 3:29pm

I see the problem and committed a fix that will remove the left margins on narrow widths.

Jono_Brain2 · September 17, 2019, 3:42pm

Amazing, thank you. Really appreciate this.