0

I write this question because the answers to the other very similar ones weren't helpful:

So, the problem is, I have a page in an Ionic app that only has the navigation bar and an iframe, but when you export it to a device the navigation bar takes space in front of the iframe, something that doesn't happen when running the app with ionic serve --lab.

How do I fix this?

The code is like this:

<ion-view view-title="Detalles de mensaje" class="detallesWV-page">
  <ion-nav-buttons side="right">
    <button class="button button-icon icon ion-navicon-round" ng-click="openPopover($event)">
    </button>
  </ion-nav-buttons>

  <ion-content scroll="false">
    <div id="contenido" style="top:10px;">
      <iframe width="100%" height="100%" frameborder="0" src="http://cnn.com"></iframe>
    </div>
  </ion-content>
</ion-view>
Community
  • 1
  • 1
David Prieto
  • 2,239
  • 4
  • 32
  • 51

1 Answers1

0

Try adding class="has-header" on ion-content