Back button not aligned on ios

back button is not aligned on ios devices

image

This happens only on real devices. When testing this on chrome it is aligned correctly:

image

Header:

<ion-header class="main_header_bg">
    <ion-navbar>
        <button ion-button menuToggle class="menu-custom">
          <ion-icon name="menu"></ion-icon>
        </button>
        <ion-title>Bartr Store</ion-title>
    </ion-navbar>
</ion-header>

CSS classes:

.menu-custom { 
	position: absolute; 
	left:0px;
	&.bar-button-default-md {
		color:#ffffff;
	}
}

main_header_bg is for android only

What is the problem here?

Remove anything custom and see if you still have the same problem.

That means your classes and css.