looks buggy on iOS7

[gulpjs]

looks buggy on iOS7

[yocontra]

Ah yeah those units will probably do that. I'll give it a check. Max-height needs to be added to the logo, max-width added to the text, and maybe a viewport addition needs to be added.

[oriSomething]

hey, i don't know stylus, but this is my little fix. it's a hack because it doesn't deal with small screens in landscape mode (which is another issue). which need some code changes (not using absolute positioning + transforms in small screen).
anyway, for iOS safari 7 in portrait mode it did the job

.main-header-content {
  width: 90vw;
}

.main-header-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media only screen and (max-width: 480px) {
  .logo {
    max-width: 25%;
  }
}

[leo]

@oriSomething Thank you very much for opening this issue! However, I honestly don't think that iOS 7 is worth to support. Since the iPhone 4s (the last iPhone that can only run iOS 7), Apple released 4 new versions of the device and that seems like a high number to me.

I mean, not even Apple supports iOS 7 anymore... 😊

@contra If you disagree, feel free to reopen the issue.

[oriSomething]

@contra Hey, this issue was from almost a year ago. different times 😉

[leo]

@oriSomething 😄 Whoopsie