Контент скрывается за надрезом на Iphone X

Question

У меня проблемы с работой над меткой на IphoneX и 11. Мое содержимое выходит за рамки метки и скрывается вкладкой адреса, как на картинке.

Я пытался использовать переменные env, найденные здесь https://webkit.org/blog/7929/designing-websites-for-iphone-x/, но это мало что дало. Я также добавил соответствующий метатег.

Вот код, который, я надеюсь, уместен:

body {
    padding: 0;
    padding-top: env(safe-area-inset-top);
    margin: 0;

}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-top: env(safe-area-inset-top);		
  z-index: 1001;
  transition: background ease-in-out 0.25s;
}

#desktop-logo {
    margin-top: 50px;
    padding-top: env(safe-area-inset-top);
}

Я ценю любые идеи. Спасибо!