[Решено] Вопрос по меню!

Здравствуйте товарищи! У меня зародилась в голове идея, но как ее реализовать не знаю, надеюсь с вашей помощью, что-то да получится. а идея заключается в следующем. можно ли сделать так чтобы для компьютеров и мобильной вресии   использовались 2 разных модуля меню. Например когда сайт просматривают на компьютере в левой части экрана было обыкновенное меню с подразделами, но когда его просматривали в мобильной версии это меню отключалось, а подключалось другое, которое наоборот в полной версии не видно. Проблема в том что я нашел 2 модуля меню которые меня по отдельности устраивают, а такого чтобы сочетало их скажем так положительные стороны в одном расширении я так и не нашел!  

Делаете два разных дива, в каждом публикуете меню, и скрываете - отображаете их в зависимости от разрешения через @media

Делаете два разных дива, в каждом публикуете меню, и скрываете - отображаете их в зависимости от разрешения через @media

Спасибо за ответ! Если можно поподробнее или где можно почитать как это сделать! Дело в том что я самоучка и во всем разбираюсь сам, и если честно мне не совсем понятно как это сделать потому и обратился сюда за помощью

Код: html4strict

/* HTML */
<div class="menu-1">...</div>
<div class="menu-2">...</div>

Код: css

/* CSS */
@media (min-width: 980px) {
.menu-1 {display: none;}
.menu-2 {display: block;}
}
@media (max-width: 979px) {
.menu-1 {display: block;}
.menu-2 {display: none;}
}

А нужно отдельно создавать HTML и CSS или прописывать в шаблоне?

создаете 2 модуля в нужных позициях
каждому по суффиксу - m-desc, m-mobile
в стилевом файле шаблона прописываете медиа-стили для соответствующих классов

или, как вариант, классы для соответствующих позиций прописываете в шаблоне

создаете 2 модуля в нужных позициях
каждому по суффиксу - m-desc, m-mobile
в стилевом файле шаблона прописываете медиа-стили для соответствующих классов

или, как вариант, классы для соответствующих позиций прописываете в шаблоне

Спасибо большое! Попробую сделать!

Спасибо большое за помощь! Сделал как вы сказали и получилось разбить меню! У меня еще вопрос по этой теме, одна из позиций в меню это слева. и когда меню скрывается то позиция остается занятой(т.е. материал сдвинут вправо), можно ли сделать так чтобы когда срывается меню оно как бы освобождает модульную позицию и контент располагается по всему экрану?

Ссылка на сайт есть ?

Делаете два разных дива, в каждом публикуете меню, и скрываете - отображаете их в зависимости от разрешения через @media

Рендеринг меню может быть далеко не шустрым в Joomla! Я считаю, для определения мобилы лучше воспользоваться специальной библиотекой: ссылка. Затем в зависимости от результата проверки выводить тот или иной модуль/позицию. А ещё можно определить мобилу стандартными методами Joomla! см. тему

Огромное всем спасибо за помощь, благодаря вашим советам и методам научного тыка у меня получилось реализовать задуманное!