Ionic 3 Navbar buttons not positioning correctly

@cnswico wrote:

I want to place my share button to the right of an ion-navbar. However, following the docs doesn't seem to be helping.

It keeps giving me this result:

navbar.png709x114

Here's the code:

<ion-header>
  <ion-navbar>
    <button ion-button icon-only menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>

    <ion-title>Test Podcast</ion-title>

    <ion-buttons right>
      <button ion-button icon-only clear (click)="presentPopover($event)">
        <ion-icon name="share"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

I also tried changing <ion-buttons right> to <ion-buttons end> and it gave me the same result. Lots of other articles regarding this all around, but none of them are helping me.

Posts: 1

Participants: 1

Read full topic