Help with side-menus problem in ionic view (ios)

ionic-v1
1

First time trying Ionic (and loving it so far), but i have a problem when using the Ionic View app on an iPhone. The only content that will display is my left side-menu, can’t even swipe back to the main content. I’ve combed through this forum and stackoverflow but i can’t locate the issue – though i’m sure it’s something silly and obvious that i’m missing…

i’ve moved markup around and tried different combinations of directives etc. but nothing seems to work. It displays perfectly in browser when i use ionic serve.

assuming the problem is structural, index is below… can anyone help?

<body ng-app="starter">
  
  <ion-side-menus enable-menu-with-back-views="false">

    <div class="bar bar-header bar-stable">
      <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
      <h1 class="title"><i class="icon ion-android-done-all"></i> title</h1>
      <a class="button button-icon icon ion-ios-home" ui-sref="home"></a>
    </div>

    <ion-side-menu-content drag-content="true">
      <ion-nav-bar class="bar-stable"></ion-nav-bar>
      <ion-nav-view></ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="left"> 
        <ion-content class="has-header">
          <header class="bar bar-header bar-stable">
            <h1 class="title">Settings</h1>
          </header>
          <ul class="list has-header">
            <a class="item item-icon-left" href="#"><i class="icon ion-happy-outline"></i>Profile</a>
            <a class="item item-icon-left" href="#"><i class="icon ion-ios-people"></i>Organizations</a>
            <a class="item item-icon-left" href="#"><i class="icon ion-ios-star"></i>Events</a>
          </ul>
        </ion-content>
    </ion-side-menu> 

  </ion-side-menus>