Clever Geek Handbook

The ionic nav bar covers and hides everything at the top

I just ran into this issue where the header or navbar hides everything under it where it should push everything down.

Here is a photo of how it looks:

http://i.stack.imgur.com/rr4Nj.png

As you can see, the "text" list item is hidden under the navbar.

Here is my code:

<ion-view hide-back-button="false" has-navbar="true" title="Menu">
  <ion-side-menus>
    <ion-side-menu-content>
      Content!
      <button ng-click="toggleLeft()">
                    Toggle Left Side Menu
                </button>
    </ion-side-menu-content>
    <ion-side-menu side="left">
      <ul class="list">
        <li class="item"> tekstas</li>
        <li class="item"> tekstas1</li>
        <li class="item"> tekstas2</li>
      </ul>
    </ion-side-menu>
  </ion-side-menus>
</ion-view>
Run codeHide result


+3


source to share


1 answer


I believe you need to wrap the list with <ion-content class="has-header"> 



<ion-content class="has-header">
  <ul class="list">
    <li class="item"> tekstas</li>
    <li class="item"> tekstas1</li>
    <li class="item"> tekstas2</li>
  </ul>
</ion-content>
+4


source






More articles:


All Articles