Centering the title in the Header Bar


#1

Please delete this post.


#2

Hm did you add the ionic css?
There is a text-align:center on .bar .title


#3
<div class="...">
	<button></button>
		<div class="logo-text">
			<div class="logo-text-body">title</div>
		</div>
	<button></button>
</div>

Header bar: The div title is not centering. Do I need to use columns, which I am trying to avoid. How do I center the title? Thanks.


#4

if you only want the title centered then add

.logo-text-body { text-align: center;}

To center the buttons just add the same css rule to the <div class="..."

But your header is a own implementation and not the usual way?


#5

is my own, adding a logo image in the middle of menu button and search botton.


#6

Instead of doing my way, I think I found a better solution. http://ionicframework.com/docs/angularjs/views/header/.