Добавление мобильного меню на сайт

[Тимофей Бушмакин]

Пожалуйста, помогите с мобильным меню на сайте!

На самом сайте есть 2 меню: одно создано Jooml'ой, а другое вручную
В мобильной версии конечно же работает только то, которое создало CMS

Как сделать так, чтобы меню (написанное вручную в файле index.php), тоже стало мобильным и раскрывалось ?

Или вообще оба эти меню объединить ?

Какие варианты есть для решения этого ?

Сайт: http://new.ntgmk.ru/

 

[BaNru]

Почитайте про CSS media query.

По хорошему сделать одно меню и через media query уже его адаптировать.

 

[Тимофей Бушмакин]

Почитайте про CSS media query.

По хорошему сделать одно меню и через media query уже его адаптировать.

Дело в том, что на самом сайте существует 2 разных меню

Одно то нормально раскрывается и работает

Но можно ли сделать так, чтобы второе ("статичное") тоже раскрывалось, как и рабочее?
И через что вообще, меню организуется как мобильное ?
Можно ли вручную ему прописать мобильность при определенном размере экрана ?

 

[Volly]

Если у вас Джумла, значит есть файлы стилей (расширение .css).
В этих файлах надо найти места, которые отвечают за вид при разных экранах (или окнах).
Такие места, как писал выше BaNru, начинаются строкой

@media screen and (тут ширина экрана) {
тут разные правила именно для этой ширины экрана
}

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

 

[Тимофей Бушмакин]

Если у вас Джумла, значит есть файлы стилей (расширение .css).
В этих файлах надо найти места, которые отвечают за вид при разных экранах (или окнах).
Такие места, как писал выше BaNru, начинаются строкой

@media screen and (тут ширина экрана) {
тут разные правила именно для этой ширины экрана
}

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

Теперь, при нажатии на кнопку раскрывается сразу два меню.
Можно ли сделать так, чтобы оба меню открывались последовательно при нажатии кнопки ?
С JavaScript, PHP и CSS почти не знаком

 

[Volly]

Что значит "Можно ли сделать так"?
Если вы спрашиваете разрешение, то мы вам не можем ни разрешить ни запретить.
Если же спрашиваете о возможности it-технологий, то выше постами уже ответили несколько раз, что возможно.
Если вы спрашиваете о своих возможностях, то вопрос неуместный - ваших возможностей мы не знаем.

 

[BaNru]

Там событие висит на классе btn-navbar или data-target=".nav-collapse"
Надо искать в скриптах.
Скорее всего где-то в бутстрапе или его модулях.
Проверить на что посажено - можно удалив класс или data эту.

Далее, самое простое решение будет - найти кусок скрипта, продублировать его изменив этот самый класс/дата на другой, ну и меню изменить. Чтобы они были новым уникальным.

Скорее всего есть и какое-то более правильное решение для бутсрапа, но я с ним не работаю. Можно поискать в документации.

=====

Событие по data-target=".nav-collapse".

В бутсрапе там своя система создания меню.
В общем тебе надо в твоём меню написать например
data-target=".nav-mymenu"
И в меню которое раскрывается заменить класс на nav-mymenu
Выглядит это примерно так (я другие поставил "позывные")