Customize side menu (hide top bar)

I want to customize the ionic side menu. I need to hide the top bar, and change the hamburger menu button to my own button. is there a way to archieve this?

Also, if I remove <ion-nav-bar class="bar-stable" >, ionic shows an error of some missing directive.

Which bar are you trying to remove? The one that shows when you open the side menu or the main nav-bar of your app?

You should be able to change the hamburger icon to whatever icon you want, any way you can paste your markup?

I want to remove the header bar that appears at the top of the ion-side-menu. I’m working with the ionic starter template, but I want to remove the top header because I need more space in the app

So everything in the ion-side-menu is what shows in the actual menu. You can remove the ion-header-bar here to remove the header in the menu.

Here are the docs for the menu: http://ionicframework.com/docs/api/directive/ionSideMenus/

And here is a good blog that goes over the menu components (although it seems the header markup is out of date): http://mcgivery.com/understanding-ionics-side-menu/

thanks. I archieve it by removing <ion-nav-bar> leaving a button at the top: <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> </button>