[Google AdMob Plugin] IOS Rendering issue - Ad mob plugin

Back to Forums

Babu Basha

Solved

Question

Forge

Hello Guys,

I am trying to use the "Google AdMob Plugin" to render ads onto the mobile app. I am having issues with it on IOS devices. Once the ads are rendered, it cuts off the header.

Whats making it harder is that, the ads are rendered by the cordova plugin, we cant see the html and css of it in the browser to understand whats impacting the layout. Any thought?

20 Apr 2020

Babu Basha

Solution

Incase anyone else facing this issue,

This happens only IOS Portrait mode. I fixed this by adding css targeting ios portrait and assign this class dynamically to your header once you show the ad.

Example CSS:

.phone.portrait.ios .header.adshow{
padding-top:17px
}

See solution in context

21 Apr 2020

Babu Basha

Babu Basha wrote:

Hello Guys,

I am trying to use the "Google AdMob Plugin" to render ads onto the mobile app. I am having issues with it on IOS devices. Once the ads are rendered, it cuts off the header.

Whats making it harder is that, the ads are rendered by the cordova plugin, we cant see the html and css of it in the browser to understand whats impacting the layout. Any thought?

Any thoughts on this anyone?

21 Apr 2020

Babu Basha

Solution

Incase anyone else facing this issue,

This happens only IOS Portrait mode. I fixed this by adding css targeting ios portrait and assign this class dynamically to your header once you show the ad.

Example CSS:

.phone.portrait.ios .header.adshow{
padding-top:17px
}

21 Apr 2020

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines