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

Forge Component
(6)
Published on 2019-01-02 by Miguel 'Kelter' Antunes
6 votes
Published on 2019-01-02 by Miguel 'Kelter' Antunes

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?


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?

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
}

Solution