How to manage header buttons


#1

Hello,

I am having some issue managing header buttons. Check the below image and help to manage these buttons to show in one line.

Any help will be appreciated.
Thanks.


#2

What is your code?

This works for me:

<ion-header>
  <ion-navbar>

    <ion-title>
      Ionic Blank
    </ion-title>

    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon name="add"></ion-icon>
      </button>
      <button ion-button icon-only>
        <ion-icon name="search"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>