title: View Title and Menu Button overlap + View Content disappears randomly :: Ionic
body: <p>I really feel like this is a therapy because I wouldn't post here if I wasn't seriously struggling. I can't figure out what's going wrong but my menu title and icon seem to start overlapping randomly when I switch views. In addition, sometimes even the main content in the view disappears making the app useless.</p>
  
  <p>I cannot click on the icon once this happens.</p>
  
  <p>Screens:</p>
  
  <p><a href="https://i.stack.imgur.com/sk6mu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sk6mu.png" alt="img1"></a></p>
  
  <p><a href="https://i.stack.imgur.com/cPqK5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cPqK5.png" alt="img2"></a></p>
  
  <p>in my menu.html, I believe this is the relevant part</p>
  
  <pre><code>&lt;ion-side-menu-content drag-content="false"&gt;
          &lt;ion-nav-bar align-title="center" class="header" ng-show="isInApp()"&gt;
              &lt;!-- Hamburger Menu Button --&gt;
              &lt;ion-nav-buttons side="left"&gt;
                  &lt;button class="c-hamburger" menu-toggle="left" ng-class="{'is-active': isActive === true}"&gt;
                      &lt;span&gt;toggle menu&lt;/span&gt;
                  &lt;/button&gt;
              &lt;/ion-nav-buttons&gt;
  &lt;!-- Settings --&gt;
              &lt;ion-nav-buttons side="secondary"&gt;
                  &lt;img src="icons/settings.png" alt="Settings Icon" class="nav-button-icon" ng-click="goToSettings()" ng-class="{'settings-button-is-active': settings_isActive === true}" ng-if="isUsersOwnProfile()"&gt;
              &lt;/ion-nav-buttons&gt;
          &lt;/ion-nav-bar&gt;
          &lt;ion-nav-view name="mainView"&gt;
          &lt;/ion-nav-view&gt;
      &lt;/ion-side-menu-content&gt;
  </code></pre>
  
  <p>I then define the view name in separate template files like so</p>
  
  <pre><code>&lt;ion-view view-title="CMON NOW"&gt;
  </code></pre>
  
  <p>Any advice what might be happening here? I tried copying laborously the same menu code into each view and defining the view there as well through ion-nav-title but the result was the same.</p>
  
  <p>Thanks</p>
  
  <p>The original question was posted on the Ionic forum. Since then, I have removed all but one ion-content elements as I found a similar question with the marked answer saying to not ddefine new ion-content directives inside of my view html, but no luck still.</p>