Отдельный шаблон на шапку.

Прошу прощения если я тут вам поднадоел. Но тут такое дело, в целом шаблон адаптивный, кроме шапки(там слайдер), шапка сильно портится при просмотре со смартфона в портретном режиме. Я знаю что можно подключить отдельный CSS для смартфонов, но не хотелось бы изменять весь стиль, т.к. в целом он нормален. Возможно ли привязать отдельный стиль только для шапки?
Спасибо!

Андрей, можно использовать медиа-запросы, чтобы изменять CSS под свои нужда для отдельных разрешений. Например, вот так: Этот код ставится в основной CSS-файл шаблона. Если шаблон адаптивный, то скорее всего он уже есть там. Тогда просто необходимо его дополнить нужными вам стилями для шапки.

Спасибо

Возник вопрос по той же теме.
При загрузки на смартфоне грузится вся шапка включаю ту коиорая прописана в медиазапросах. После полной загрузки остается тв которая нужна, а пк версия отключается. Но при загрузке видно обе. Плюс это дополнительно тормозит скорость загрузки. Можно ли как то отключить загрузку пк шапки. Может как то мутно объяснил, можете посмотреть на примере sunduchok.moscow

Андрей, вероятно, у вас CSS с медиа-запросами подгружается в конце страницы. Именно поэтому при загрузке видно обе шапки. Переместите этот CSS-файл в HEAD и будет порядок.

Что касается лишнего контента - да, это, в некоторой степени, проблема. Но простого решения нет. Вы можете сильно усложнить шаблон и средствами PHP пытаться определять разрешение экрана и выводить только те или иные данные. Вы можете подгружать такие проблемные блоки через AJAX и регулировать вопросы разрешения через JavaScript. Но все это довольно сложно и может быть по затратам совсем несоизмеримо с полученной выгодой. Одно дело, когда у вас сайт с десятками тысяч посещений в день и совсем другое, когда у вас сайт с десятками посещений в день. В первом случае имеет смысл этим заморачиваться, во втором - нет.

Я Вас понял. Спасибо!

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

Андрей, посмотрите эту тему: joomlaforum.ru/index.php/topic,331029.0.html . Она очень полезна по вашему вопросу. Там есть ссылки на различные решения.

Уже чтото, нашел скмодельный плагин по ссылки что вы дали(прикреплю, мало ли кому понадобится), плюс наткнулся на sh404sef - System mobile template switcher у себя. Точно не знаю что хто, но предпрлогаю что тоже самое. Протестирую отпишусь.