Sidemenu showing up on refresh


Hi i added a simple sidemenu to the app the problem is when i refresh the page i first see it as full navbar (the dark one you’ll see in the gif) then it gets hidden correctly, but i dont like it to flash and show up on page load.

How can i avoid this?

Th index.html looks like this simply:

<body ng-app="starter">
  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear">
      <i class="icon ion-ios7-arrow-back"></i>
      <ion-nav-buttons side="right">
   <button menu-toggle="right" class="button button-clear button-assertive button-icon icon ion-navicon "></button>
    <!--main app view-->
    <ion-nav-view animation="slide-left-right"></ion-nav-view>

  <ion-side-menu side="right">
    <header class="bar bar-header bar-dark">
      <h1 class="title">Menu</h1>
    <ion-content class="has-header dark-bg">
        <ion-item nav-clear menu-close href="#/">
        <ion-item nav-clear menu-close ng-click="login()">
        <ion-item nav-clear menu-close href="#/app/search">



It’s you markup. That syntax has long since depreciated in favor of

<ion-side-menu side="right"></ion-side-menu>


thank you i didnt noticed that sorry :slight_smile: