Почему на iPhone адаптивная вертка веб приложения криво отображается?

Question

[alexeiminigulov]

Я делаю веб приложение админ панели сайта, связка из Webpack + Angular1 + Materialize. Так-то у меня нет iPhone. У друга взял iPhone 4S и удивился как стили там глючат очень странно. На моем мобильном тел. на Android сайт нормально отображаются, как и при эмуляции в CHROME. В чем дело то? Заранее спасибо!
Ссылка https://alexeiminigulov.github.io
скрин с сайта www.browserstack.com Вот одна из проблем я ее получал как на iPhone 4s друга:

что должно быть, этот скрин с эмулятора Google Chrome:

Comments

[Андрей Федоров]

Телепаты в отпуске. Код давайте + скрины какой глюк наблюдаете.

[alexeiminigulov]

Андрей Федоров: да извиняюсь вот ссылка https://alexeiminigulov.github.io

[Андрей Федоров]

alexeiminigulov: А в чем конкретно глюк? Посмотрел в нескольких эмуляторах - кроме полосы прокрутки ничего не заметил лишнего.

[alexeiminigulov]

Андрей Федоров: я добавил два только что скрины. Вообщем там почему-то выскакивает текст "Виды товаров" под словом Редактировать. Если вы перейдете в меню -> товары -> виды товаров. выберете один товар то 3 кнопки активируются выбираем самую левую выскачет модальное окно "Редактирование"

[Ярослав Иванов]

alexeiminigulov: протрите iPhone , это грязь на экране )

[Андрей Федоров]

alexeiminigulov: За словом Редактировать слово Видео. Смотрите где у вас такое слово используется.

[Андрей Федоров]

alexeiminigulov: Нашел вот такой отладчик https://habrahabr.ru/post/96589/ Насколько я понял ему нужен подключенный к декстопу по USB физический девайс.

[alexeiminigulov]

Ярослав Иванов: Хд... при изучении где только не читал все ругаются на IE у меня с ним пока нет проблем. Вот не ожидал что такое будет на iPhone

[alexeiminigulov]

Андрей Федоров: там "Виды товаров" под словом "редактировать" последний по вложенности первый перекрывать должен но только не для iPhone. спасибо за поддержку сейчас посмотрю вашу ссылку.

Answer 1

[Vladimir T]

@media only screen and (max-width: 480px)
.side-nav-right {
    top: 0px;
}