Banner floating and covering buttons

[BrandaoDesign]

async initialize(){ const { status } = await AdMob.trackingAuthorizationStatus(); if (status === 'notDetermined') { console.log('START ADMOB ' + status); } AdMob.initialize({ requestTrackingAuthorization: true, testingDevices: ['2077ef9a63d2b398840261c8221a0c9b'], initializeForTesting: true, }); } async init() {

await this.platform.ready();

await AdMob.initialize({
     requestTrackingAuthorization: true,         
     initializeForTesting: false,
}).catch(err => console.error('Could not init Admob', err));

}

async admobshow() { this.initialize();

const options: BannerAdOptions = {
  adId: 'xxxxx',
  adSize: BannerAdSize.BANNER,
  position: BannerAdPosition.BOTTOM_CENTER,
  margin: 0,
  isTesting: false
  // npa: true
};
await AdMob.showBanner(options);

}

async admobhidden() { if(this.user.premium) { await AdMob.hideBanner(); await AdMob.removeBanner(); const app = document.querySelector('ion-page'); // this.elementRef.nativeElement.style.setProperty('padding-bottom', 0 ); } }

[kareemkhalil]

yes this issue also happens to me, it is covering all tabs, hope their is a way to add it in specific places in page

[distante]

The solution is to listen to the banner events and assing a margin accordinly. Or always left a 60 to 90px space for the banner.