Главное меню на мобильный устройствах не уменьшается с экраном, а превращается в черный квадратик. S - Joomla 2.5: Шаблоны, разметка и макеты вывода

Всем доброго времени суток!

Описание проблемы: взяла для работы шаблон sparky. Сайт готов, но обнаружилась интересная проблема: меню не уменьшается под размер мобильного устройства. Вернее, при активации кнопки responsible в самом шаблоне меню просто сворачивается в черный квадратик и далее, при нажатии на него, можно увидеть все пункты меню, а это мне не нужно. Мне нужно, чтобы на айпаде меню уменьшалось до размера экрана, причем, что в горизонтальном, что в вертикальном положении.

Как исправить ситуацию и задать меню правильное поведение?

Способ, описанный тут http://artisteer-rus.com/forum/thread244.html  - не помог.

index.php выглядит вот так:

Помогите, кто чем может...

index.php тут вряд ли поможет. Как правило "черный квадратик" это еще один модуль меню.
Если его отключить и поискать в стилях кто(что) заставляет основное меню исчезать
(как правило класс -collapse). Но следует знать, что после запрета "схлопывания" меню
 Вас будет ждать уйма проблем, что с этим меню делать:
сделать резиновым - трудночитаемое,
оставить как есть - поплывет разметка, и т.д.
Мое мнение - делать это, все равно что Мерседесу поставить колеса от телеги.
Все пользователи мобильных устройств уже знают что такое "черные квадратики".