Перейти к содержимому

Фотография
- - - - -

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


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
Сообщений в теме: 6

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

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

    Прохожий

    Топикстартер
  • Новичок
  • 0
    3 сообщ.

Отправлено 01 Август 2017 в 12:44

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

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

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

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

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

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

9YKuw_9Yrxo.jpg

 


Сообщение отредактировал Тимофей Бушмакин: 01 Август 2017 в 12:46

  • 0

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 980
    3 504 сообщ.

Отправлено 01 Август 2017 в 14:11

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

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

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

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

    Прохожий

    Топикстартер
  • Новичок
  • 0
    3 сообщ.

Отправлено 01 Август 2017 в 14:19

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

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

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

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

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


Сообщение отредактировал Тимофей Бушмакин: 01 Август 2017 в 14:23

  • 0

#4 Volly

Volly

    Увлеченный

  • Участник
  • 96
    468 сообщ.

Отправлено 02 Август 2017 в 00:23

Если у вас Джумла, значит есть файлы стилей (расширение .css).

В этих файлах надо найти места, которые отвечают за вид при разных экранах (или окнах).

Такие места, как писал выше BaNru, начинаются строкой

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

Таких блоков может быть несколько на разные ширины экрана.

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


  • 0

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

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

    Прохожий

    Топикстартер
  • Новичок
  • 0
    3 сообщ.

Отправлено 02 Август 2017 в 10:29

Если у вас Джумла, значит есть файлы стилей (расширение .css).

В этих файлах надо найти места, которые отвечают за вид при разных экранах (или окнах).

Такие места, как писал выше BaNru, начинаются строкой

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

Таких блоков может быть несколько на разные ширины экрана.

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

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

Q4im5gVaMek.jpg


  • 0

#6 Volly

Volly

    Увлеченный

  • Участник
  • 96
    468 сообщ.

Отправлено 02 Август 2017 в 13:05

Что значит "Можно ли сделать так"?

Если вы спрашиваете разрешение, то мы вам не можем ни разрешить ни запретить.

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

Если вы спрашиваете о своих возможностях, то вопрос неуместный - ваших возможностей мы не знаем.


  • 0

#7 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 980
    3 504 сообщ.

Отправлено 02 Август 2017 в 14:04

Там событие висит на классе btn-navbar или data-target=".nav-collapse"

Надо искать в скриптах.

Скорее всего где-то в бутстрапе или его модулях.

Проверить на что посажено - можно удалив класс или data эту.

 

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

 

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

 

=====

 

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

 

В бутсрапе там своя система создания меню.

В общем тебе надо в твоём меню написать например

data-target=".nav-mymenu"

И в меню которое раскрывается заменить класс на nav-mymenu

Выглядит это примерно так (я другие поставил "позывные")

e8a889a24d.png


  • 1



Похожие темы Свернуть

  Название темы Форум Автор Статистика Последнее сообщение
Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей