Ionic Menu button not appearing

Question

I created and ionic project using the command

ionic start sideMenu http://codepen.io/vialware/pen/ypoxd

I expected the app to be like what is shown below.

Nevertheless, when I run it something is missing, the menu button. It is being created I guess using in the header using this tag:

<ion-view title="'Welcome'" hide-back-button="true" left-buttons="menuButton">

I'm able to build and emulate the project without any errors and so I'm wondering whether I might have done something wrong and if anyone might have a hint on how to solve this problem (I'm new to both Ionic and AngularJS).

Answer 1

You can also use this :

    <ion-header-bar align-title="left" class="bar-positive">
                <h1 class="title">Title!</h1>
    </ion-header-bar>

But don't forgot to put has-header to your content or your content will be behind this header bar

<ion-content class="has-header">
     // Content
</ion-content>

Answer 2

In order to have that specific header, here's what your code should look like:

<div class="bar bar-header bar-positive">
  <button class="button icon ion-navicon"></button>
  <h1 class="title">Welcome</h1>
</div>

Note that the bar-positive class is only setting the blue color background on the header.