Полная версия сайта некорректно отображается на мобильных устройствах - Joomla 3.x: Шаблоны, разметка и макеты вывода

Работаю над видоизменением шаблона Blue car от diablo design. Специально отключила мобильную версию тк она совсем нелогичная - например сайт не имеет шапки (те шаблон просто урезает место где расположен лого). В итоге полная версия вполне хорошо себе встала на все мобильные устройства, кроме айпада. Причем проблема тупо в одном месте - уезжает надпись в шапке сайта. Посоветуйте пожалуйста, может какое то правило прописать надо, чтобы для айпадов и планшетов менялся стиль. Так как в остальном полная версия устраивает идеально. Убирала мобильную версию вставкой кода в файл индекс:
<meta name="viewport" content="width=1200px, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>

Посоветуйте пожалуйста, может какое то правило прописать надо, чтобы для айпадов и планшетов менялся стиль. Так как в остальном полная версия устраивает идеально.

В хэде написать например вот так
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/tablet.css" media="(max-width: 1040px)" />
Потом создать файл tablet.css и в нем писать стили для планшетов .