У меня есть сайт tyloz.com. Веб-сайт настроен таким образом, что на телефоне отображается сообщение о необходимости наклона экрана для просмотра веб-сайта. Но проблема в том, что когда веб-сайт загружается на рабочий стол, сообщение все еще отображается в течение 2-3 мс. Есть ли способ полностью отключить сообщение с рабочего стола? Любая помощь приветствуется.
Это код CSS, который использовался на веб-сайте;
#warning-message {
display: none !important;
}
@media only screen and (orientation:portrait) {
.l-header,.l-main,.l-footer {
display: none!important;
}
#warning-message {
display: block!important;
background: #2d232e;
text-align: center;
}
body {
background: #2D232E;
}
}



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Ваше предупреждающее сообщение загружается раньше всего:
<!DOCTYPE HTML>
<html class = "" lang = "en-US">
<div id = "warning-message">
<img src = "http://www.tyloz.com/wp-content/uploads/2017/04/warningmessage.png">
</div>
Переместите его ниже вашего прелоадера:
<div class='l-preloader with_spinner'><div class='l-preloader-spinner'><div class='w-preloader type_1'><div class='w-preloader-h'></div></div></div></div>
<div id = "warning-message">
<img src = "http://www.tyloz.com/wp-content/uploads/2017/04/warningmessage.png">
</div>
<!-- HEADER -->
Работал как шарм! Большое спасибо. Я терял рассудок из-за этого.