Hiding the navbar


#1

I’m having a problem when the navbar is hidden using hide-nav-bar directive, any content in <ion-view /> bleeds into the status bar.

<ion-view title="Welcome" hide-nav-bar="true">
	<ion-content>
		<h1>I BLEED... :(</h1>
	</ion-content>
</ion-view>

Yields

While

<ion-view title="Welcome">
	<ion-content>
		<h1>I DON'T BLEED... :)</h1>
	</ion-content>
</ion-view>

Yields


#2

Hey @seanhill,

As a quick fix, I would just add some padding to the content:

<ion-view title="Welcome" hide-nav-bar="true">
	<ion-content style="padding-top: 40px">
		<h1>I BLEED... :(</h1>
	</ion-content>
</ion-view>

Let me know it that helps.