Some versions of Android cutting of my logo!


#1

I have problem with logo - it’s on right top corner on Ionic-Header, on some versions of Android is just cutted of(you can see just half of logo). When u turn phone to landscape view and go back to normal view - the logo look’s normal. Any solution? Sorry for my English.


#2

Post the code please.


#3

Sorry for delay :
Ionic bar : < div class=“bar bar-header headline”>
 
    < div class=“logo-position menu-logo-ios”>
        < img class=“logo-image” src=“images/PE_logo.png”>
    < /div>
< /div>

Image : logo-image {
  height: 100%;
}

logo-position : logo-position {
  height: 70%;
  width: auto;
  padding-top: 8px;
  position: absolute;
  right: 10px;
}
Headline :
headline {
  background-color: $dark-grey;
 
  .ios & {
    text-align: center;
    padding: 15px 0 0 0;
  }
}