# Navbar extra space on top in iOS

**URL:** <https://forum.ionicframework.com/t/navbar-extra-space-on-top-in-ios/75497>\
**Category:** ionic-v3\
**Created:** [January 8, 2017, 5:16am UTC](https://forum.ionicframework.com/t/navbar-extra-space-on-top-in-ios/75497 "2017-01-08T05:16:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![annnatar](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@annnatar](https://forum.ionicframework.com/u/annnatar)\
**Post date:** [January 8, 2017, 5:16am UTC](https://forum.ionicframework.com/t/navbar-extra-space-on-top-in-ios/75497/1 "2017-01-08T05:16:17Z")

</div>

Hi All,

I’m trying the following nav-bar in ionic2 and getting some extra spaces on top of the nav-bar in iOS.

```
	<ion-header>
	  <ion-navbar color="QCTSuppliers">
	    <ion-title>Favorites</ion-title>
	    <ion-buttons end>
	      <button ion-button icon-only class="option option-logout" (click)="logout()"><ion-icon name="log-out"></ion-icon></button>
	    </ion-buttons> 
	  </ion-navbar>
	</ion-header>
	 
	<ion-content class="contacts-page-content">
	</ion-content>

```

In the following screenshot we can see the extra space on top of Favorites header:

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/4/f/4fa12c20bed30ac0ba975bdca9b6703a536cb8e9.PNG)

I tried overridding the SAAS variables $navbar-ios-height: 35px; and  
$toolbar-ios-height: 35px;. But it is not reducing the top space. I’ve searched in this blog as well as on google. Couldn’t find a solution/workaround for this issue.

Any help is greatly appreciated.

Thanks,  
Annadurai.

---

<div class="post-metadata">

**Author:** ![annnatar](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@annnatar](https://forum.ionicframework.com/u/annnatar)\
**Post date:** [January 12, 2017, 1:28am UTC](https://forum.ionicframework.com/t/navbar-extra-space-on-top-in-ios/75497/2 "2017-01-12T01:28:33Z")

</div>

This issue is still not resolved. Please help if possible.

Thanks.

---

<div class="post-metadata">

**Author:** ![maxpaj](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/maxpaj/32/106443_2.png) [@maxpaj](https://forum.ionicframework.com/u/maxpaj)\
**Post date:** [January 9, 2018, 11:59am UTC](https://forum.ionicframework.com/t/navbar-extra-space-on-top-in-ios/75497/3 "2018-01-09T11:59:43Z")

</div>

I’m having the same. Any solution to this?