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>