ionic nav-bar covers and hides everything at the top

Helllo, I just ran into this problem where header or nav-bar hides everything underneath it where it should push everything down.

Here is a photo of how it looks like:

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

As you can see there is a "tekstas" list item hidden underneath nav-bar.

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>

I'am sorry if my question sounds stupid, but I'am pretty new into all web development and especially into ionic.

I believe you need to wrap your 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>