Ionic 2 Logo / Cutom header / Banner at top of page

I want to create a custom header with just a full screen Logo / Banner so far I have:

<ion-header>
    <a  (click)="goToRoot()" ><img src="assets/img/topBar-iPad.png" alt=""/></a>
</ion-header>

The problem is this overlaps the content. Well actually sometimes it does sometimes it doesn’t. It behaves rather strangely.

How can I get this to work properly?