Image in center of header is not showing while using slide box

Hi i am implementing slide box in my project for that i have to apply header.
For those i have referred same Demo as i have got in ionic demos.

i have used this code-

header-bar class=“bar bar-royal bar-header” left-buttons=“leftButtons” right-buttons=“rightButtons”

                    <h1 class="title" style="margin-left: 50px !important; padding: 0 !important; margin-right: 50px !important;"><img src="img/logo_icon.png" style="margin-top: 13.5px;margin-bottom: 13.5px;"></a></h1>


and after some discussion i also replaced header-bar to ion-view but this time only header display not the left and right button.

I have referred SlideBox.html form the ionic demos.

in this i m trying to put this image in my center of the header with the left and right button.

so can you tell me how it will done?

Thanks in advance.

It looks like you’re using a really old format for the header-bar. Many releases ago, Ionic changed to something like this:


Unfortunately, even that is about to change. When the beta comes out (soonish), this will not be correct either. I suggest you make sure you are using 0.9.27 for right now.

1 Like