Как поправить адаптивность этого шаблона?

Question

[pixal]

Всем привет! Подскажите пожалуйста, как исправить адаптивность шаблона? Он адаптируется только после перезагрузки страницы. И как сделать, чтобы изображение слайдера тоже адаптировалось под экран, а не обрезалось на смартфоне?

Шаблон тут dev.pavira.ru/mens/index.html

Comments

[pixal]

Точнее глюк с меню в шапке. Главная, о нас и так далее

Answer 1

[maxfox]

Использовать меньше JS и больше CSS. Ну и если что-то делается c помощью JS, то следить за ресайзом окна и пересчитывать все заново.
Вообще, там JS только классы по кликам навешивать должен, остальное должно быть на CSS.
Не обрезаться изображение не может - оно по формату не подходит, попробуйте поставить background-size: contain и увидите. Но его можно правильно спозиционировать.

Comments

[pixal]

То есть полность переписывать? Лучше новый найти шаблон, или можно допилить?

[maxfox]

pixal, Это не мне решать, вы сами должны оценивать свой уровень квалификации и решать, что вам проще и быстрее.
Я вообще не большой специалист по разного рода "шаблонам", лично мне - проще и быстрее все написать с нуля, чем возиться с чужим говнокодом.

Answer 2

[Евгений]

а никак) если возник такой вопрос - то либо нанимать человека - который будет править/переписывать тему... либо менять тему - т.к. адаптивность там кривовато реализована