title: Logo and title in header Ionic (left-center)
body: <p>I want to be able to have a logo and a title in the header of my app. Currently, my app is organised this way :</p>
  
  <p>index.html that wraps the other views :</p>
  
  <pre><code>&lt;body ng-app="starter"&gt;
      &lt;!--
        The nav bar that will be updated as we navigate between views.
      --&gt;
      &lt;ion-nav-bar class="bar-stable headerBar"&gt;
          &lt;ion-nav-back-button&gt;
          &lt;/ion-nav-back-button&gt;
      &lt;/ion-nav-bar&gt;
      &lt;!--
        The views will be rendered in the &lt;ion-nav-view&gt; directive below
        Templates are in the /templates folder (but you could also
        have templates inline in this html file if you'd like).
      --&gt;
      &lt;ion-nav-view&gt;
      &lt;/ion-nav-view&gt;
  &lt;/body&gt;  
  </code></pre>
  
  <p>And I have my tabs with ion-view. Before modifications, I had the parameter view-title for each tab and align-tile center in the index, and I had a title in the center of the header, but I want to have a logo on the left, and the title on the center. So what I did was this :</p>
  
  <pre><code>&lt;ion-nav-title&gt;
      &lt;img src='img/helpro.png' class="title-image"/&gt; {{ 'devices' | translate }}
  &lt;/ion-nav-title&gt;
  </code></pre>
  
  <p>But this way, I have the logo with the text in the left too. How can I do to have the logo on the left, and the title on the center ? I tried to have the tag nav-title and the parameter view-title, but nav-title override the view-title. If I do align-title center it takes both.</p>
  
  <p>This is my current page :</p>
  
  <p><a href="https://i.stack.imgur.com/IWhOB.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/IWhOB.jpg" alt="enter image description here"></a></p>
  
  <p>Thanks !</p>