[Помогите] Мобильное меню на сайте

Тема в разделе "Joomla", создана пользователем Тимофей Бушмакин, 1 авг 2017.

  1. Тимофей Бушмакин

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

    Регистрация:
    1 авг 2017
    Сообщения:
    3
    Симпатии:
    0
    Пожалуйста, помогите с мобильным меню на сайте! :(

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

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

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

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

    [​IMG]
     
  2. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Так у вас сейчас 2 разных меню, вот они 2 и показаны.
    Только в первом правильно стили мобильные настроены, а второе - стандартные стили.
    Если не нужно 2е(то что ща большое) - в стилях запретить на мобильных отображать.
    Если нужно что б первое раскрытым было - стили/класы измените.
    А если хотите обьеденить 2 разных меню (статическое и динамическое - с цмс) - то или php правте или js-ом выводить можно.
     
  3. Тимофей Бушмакин

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

    Регистрация:
    1 авг 2017
    Сообщения:
    3
    Симпатии:
    0
    А что с js-ом сделать нужно будет ?
    И где найти строки для этого ?

    На сколько я понимаю, то, которое сейчас работает нормально, оно выводится с помощью js-а
    Как мне это "статическое" меню так же сделать ?
     
    Последнее редактирование: 1 авг 2017
  4. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Проверяете какой экран у пользователя, -если мобильный ->
    Находите первый элемент в вертикальном меню (если нужно малое меню что бы было перед списком основного) или последний элемент(если нужно в конце вывести)
    и добаляете список малого меню.
    Ну и в коде (index.php)что относится к малому мобильому меню убираете
     
  5. Тимофей Бушмакин

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

    Регистрация:
    1 авг 2017
    Сообщения:
    3
    Симпатии:
    0
    Теперь, при нажатии на кнопку раскрывается сразу два меню.
    Можно ли сделать так, чтобы оба меню открывались последовательно при нажатии кнопки ?
    С JavaScript, PHP и CSS почти не знаком :Unknown:
    [​IMG]
     
    Последнее редактирование: 2 авг 2017
  6. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Тимофей Бушмакин, а зачем тогда начали сами править, если даж css-ом не владеете?
    PS: Можно все сделать, только php и js надо знать))
     
  7. mihadmitriev

    mihadmitriev

    Регистрация:
    21 дек 2015
    Сообщения:
    8
    Симпатии:
    0
    Не заморачивайся и поставь JUX Mega Menu, я сам давно искал хороший вариант. Устанавливай и не парься.
     
  8. Dorfman

    Dorfman

    Регистрация:
    3 окт 2014
    Сообщения:
    9
    Симпатии:
    0
    а кто, действительно, css отменял?
    В индексе шаблона пишем:

    <div class="only-mobile">
    // выводим модуль для мобилы
    </div>
    <div class="only-desktop">
    // выводим модуль для настольных и ноутов
    </div>

    и стиль

    @media (max-width: 1023px) {
    .only-desktop {display: none;}
    }

    @media (min-width: 1024px) {
    .only-mobile {display: none;}
    }

    и можно промежуточные размеры делать, в которых стилизовывать эти менюхи