При переходе по ссылкам с Instagram сайт ломается

Question

Итак, я просто тестировал функциональность телефона для своего сайта. Он работает так, как ожидалось (т. Е. Логотип находится вверху), но при переходе по ссылке в Instagram он отображается так, как показано ниже. Это как-то связано с баром, который отображается в ссылке из инстаграм?

Jsfiddle

HTML

     <div class="Rad_title_container">
        <div class="Rad_title">
        <svg>
</svg> 
        </div>
        </div>

1020 * CSS *

.Rad_title_container{
  width:100%;
}

.Rad_title {
  padding-top:2%;
  padding-left:17.5%;
  z-index:3;
  position:fixed;
  width:65%;
  pointer-events:none;
}

Answer 1

Кажется, ему не нравилась позиция: исправлено.Мне также пришлось добавить максимальную высоту, потому что она делала что-то необычное, например, увеличение высоты до 200%.Понятия не имею, что происходит.

.Rad_title_container{
    position:absolute;
    width:100%;
    z-index:3;
  }

.Rad_title {
  padding-top:2%;
   position:relative;
   width:65%;
   pointer-events:none;
   text-align:center;
   margin:auto;
   max-height:10vh;
   overflow-y:none;
}