Сайт на разных устройствах, некорректное отображение

Исправить можно, дело чисто в вёрстке. На сайте отсутствует респонсив для мобильных устройств.

Попробуйте рекомендуемый Гуглом

А так, дело 100% в верстке. Нужно смотреть.

Ну и все эти сервисы - просто показывают сайт во фрейме. Лучше используйте эмулятор по F12 (там иконка телефона).

Да, у меня там есть несколько этих медиа в css, но не под все разрешения, я думал, что под остальные будет нормально в экран влазить, но просто мелко, если вьюпорт поставить, но оказалось нет..

---------- Добавлено 08.07.2019 в 12:16 ----------

Попробовал через ф12, тоже самое, не помогает оказывается вьюпорт во все разрешения впихнуть(

Дело в том что у меня сайт из png-картинок, как их растягивать по всей длине я не знаю, поэтому фикс. размеры, может прописывать их размеры не в px, а в em.. Это весь шаблон надо перелопатить к сожалению мало опыта.

Сайт если что http://fantasticfilm.ru/

В этом разделе вам могут сделать адаптивную верстку вашего шаблона за 1-10 к руб. /ru/forum/webmasters-jobs/development

у вас же вроде DLE

или спросите человека выше DiKiJ, он занимается, может поможет)

Нет, у меня юкоз

Да с картинками вообще особых проблем нет. Начните с простого универсального:

И дальше - уменьшать окно браузера и смотреть - что происходит.

Да, раз шаблон не адаптивный - этот мета-тег лучше вообще убрать. Сайт тогда хоть в экран влазить будет.

Да эт надо весь шаблон наверное перелопачивать.. меню это огромное на низ наверное придется, а слайдер убрать вообще.. короче сложно все(

А кто сказал, что будет легко? Наверное, не просто так за это даже деньги платят.

Ну и можно прямо стилями начать адаптировать сайт:

@media screen and (max-width: 960px) {

img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}

iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}

table, span, div, ins {max-width: 100% !important;}

.wrapper {width: auto; margin-left: 15px; margin-right: 15px;}

.cont-head-m, .cont-head-t, .cont-head-b {width: 100%; background-size: 100% 100%;}

#flex-wrap {display: block;}

.cont-l, .cont-l-nav, .cont-r {width: 100%; box-sizing: border-box;}

.cont-l-nav {padding: 0 7px 0 7px;}

marquee {width: 100%;}

.bg-cont {width: 100%;}

.informer {width: 100%; background-size: 100% 100%;}

.footer {width: 100%;}

}

---------- Добавлено 08.07.2019 в 14:27 ----------

Ну день или два работы. Чего страшного-то? )) Я таких уже почти 300 переделал. Ну да, если есть готовый адаптивный шаблон - возьмите.

---------- Добавлено 08.07.2019 в 14:29 ----------

Да, меню можно сделать из левой колонки вот таким скриптом. По идее, тут верстка позволяет и правую колонку захватить, если нужно. Но лучше ее внизу оставить.

DiKiJ, я вот #flex-wrap специально сделал флекс, чтобы поменять местами контент и меню, чтобы контент выше был для сео, а можно как-то через верстку это сделать, а то наворочено и флекс и шмекс?..

А сколько будет стоить по уму сделать тут все?

Вот у меня сделана немного адаптация под @media screen and (max-width: 1200px) сжимается в размерах, я так понимаю надо еще под другие сделать, а именно меню убрать в скрипт, чтобы по кнопке вызывалось (правда конверсия упадет, но что делать), и далее чтобы правый блок вниз падал, этого наверное будет достаточно..?