Centering the title in the Header Bar


Please delete this post.


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

<div class="...">
		<div class="logo-text">
			<div class="logo-text-body">title</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.


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?


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


Instead of doing my way, I think I found a better solution.