Ionic v2 how to insert a logo in the title

Question

How to insert logo in title on ionic v2?

<ion-header>

  <ion-navbar>
    <ion-title></ion-title>
  </ion-navbar>

</ion-header>

+4

raduken Jan 16 '17 at 10:56

2 answers

simply. Application:

<img alt="logo" height="40"   src="img/logo.png" >

and

<ion-header>
 <ion-navbar>
   <ion-title>
    <img alt="logo" height="40"   src="img/logo.png" > 
   </ion-title>
</ion-navbar>
</ion-header>

0

user7707780 Mar 14 '17 at 9:41

Amr.Ayoub · Accepted Answer · 2017-01-16T13:47:02+0000

    <ion-header>

  <ion-navbar>
    <ion-title>
<img alt="logo" height="40"   src="img/logo.png" > 
</ion-title>
  </ion-navbar>

</ion-header>

Headers in ionics have a height of 44 pixels. Thus, you must make sure that the logo is smaller.

.title-image {
    margin-top: 8px;
    height: 27px;
}