Блог

У меня проблема с отображением моего сайта в Safari на iPhone.

Оно отлично работает в Chrome и Firefox на экранах мобильных устройств. В Safari div с меню hamburger исчезает.

Посмотрите на скриншоты ниже:

Сайт в Chrome / Firefox:

Сайт в Safari:

У вас есть какие-либо идеи, почему оно не работает в Safari? Я был бы очень благодарен за любые советы.

Вот ссылка на сайт: https://sylwiavv.github.io/blood-donation-landing-page-starter-master

Вот ссылка на исходный код: https://github.com/sylwiavv/blood-donation-landing-page-starter-master

Спасибо!

Это из-за строки 169 overflow-y: hidden in style.css (Repo).

   .overlay{
    height:100%;
    width:0;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    background-color:#f995c2;
    /* overflow-y:hidden;          /* Remove this line */
    transition:0.6s;
  }
  

Его удаление работает! Работает даже установка правила с соответствующими width и height подобными этому способами:

 .overlay{
  height:75px;
  width:100%;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  background-color:#f995c2;
  overflow-y:hidden;
  transition:0.6s;
}