Из за чего transform на android и ios работает по разному?

Question

[Bearax]

По какой то причине transform: translate(0); на android и ios работают по разному.
На android:
На IOS:

Как видите на android меню открывается полностью, а на IOS меню не открывается полностью. Проверял в разных браузерах Chrome, Safari и т.д.

Answer 1

[RAX7]

main.css

/* Media Queries */

  /* Mobile Devices - Phones/Tablets */

@media only screen and (max-width: 991px) { 
  
  
  /* MOBILE NAVIGATION */
     
  .navbar ul.nav {
    display: flex;
    flex-direction: column;
    position: fixed;
    justify-content: start;
    top: 15vh;
+   left: 0;
    background-color: #999;
    width: 100%;
    height: 100vh;
    transform: translate(100%);
    -webkit-transform: translate(100%);
    text-align: center;
    overflow: hidden;
    padding: 15px 30px;
  }