Раскрытое меню в мобильной версии

[slava088]

Привет всем.

В мобильной версии меню категории стоит в дизайне стоит кнопка с 3-мя полосками, чтобы раскрыть дерево категорий необходимо по ней кликнуть. при анализе поведенческих факторов часть посетителей не знают как перейти в дерево категорий.

Вопрос: можно ли сделать чтобы при переходе с телефона дерево категорий было раскрыто?

Спасибо.

[drujban]

1 час назад, slava088 сказал:

Привет всем.

В мобильной версии меню категории стоит в дизайне стоит кнопка с 3-мя полосками, чтобы раскрыть дерево категорий необходимо по ней кликнуть. при анализе поведенческих факторов часть посетителей не знают как перейти в дерево категорий.

Вопрос: можно ли сделать чтобы при переходе с телефона дерево категорий было раскрыто?

Спасибо.

можно ссылку на сайт?

[AUSS]

4 часа назад, slava088 сказал:

Привет всем.

В мобильной версии меню категории стоит в дизайне стоит кнопка с 3-мя полосками, чтобы раскрыть дерево категорий необходимо по ней кликнуть. при анализе поведенческих факторов часть посетителей не знают как перейти в дерево категорий.

Вопрос: можно ли сделать чтобы при переходе с телефона дерево категорий было раскрыто?

Спасибо.

можно

Добавить класс который будет открывать меню на мобильном

[slava088]

19 минут назад, AUSS сказал:

можно

Добавить класс который будет открывать меню на мобильном

интересно-интересно...

[Vetroff]

52 минуты назад, slava088 сказал:

интересно-интересно...

 

Держите нас в курсе.

[Soong]

Интересный диалог , прям улыбнуло) 

[Vetroff]

16 минут назад, Soong сказал:

Интересный диалог , прям улыбнуло) 

 

И так каждая вторая тема, хотя вроде нигде не написано что на форуме есть экстрасенсы )

[slava088]

 

Собственно сам дизайн когда переходят по телефону то видно что не могут понять куда нажимать, поэтому вопрос чтобы при переходе дерево(меню категорий было открыто).

Змінено 13 березня 2020 користувачем slava088

[Tom]

catalog/view/theme/default/stylesheet/stylesheet.css

В самый низ добавить

@media (max-width: 460px) {
#menu .navbar-collapse {display:block !important;position:relative;top:0}
}

 

[Blast]

1 час назад, Tom сказал:

catalog/view/theme/default/stylesheet/stylesheet.css

В самый низ добавить

@media (max-width: 460px) {
#menu .navbar-collapse {display:block !important;position:relative;top:0}
}

 

почему 460? мобильная кнопка и меню до 768

И такой вариант не позволит скрыть меню. Можно программно кликнуть по кнопке меню и раскрыть его.

$(document).ready(function(){
	if($(window).width() < 768) $('#menu .btn-navbar').click();
});

 

[Tom]

11 минут назад, Blast сказал:

мобильная кнопка и меню до 768

Согласен.

11 минут назад, Blast сказал:

Можно программно кликнуть по кнопке меню и раскрыть его

В данном случае меню по-моему накроет все модули находящиеся под ним.

[nazis]

Использую метод который подсказал GetWeb

 

[slava088]

В 13.03.2020 в 10:04, Tom сказал:

catalog/view/theme/default/stylesheet/stylesheet.css

В самый низ добавить

@media (max-width: 460px) {
#menu .navbar-collapse {display:block !important;position:relative;top:0}
}

 

Спасибо, это то что я хотел.

[SvetaNaz]

В 17.03.2020 в 20:24, slava088 сказал:

Спасибо, это то что я хотел.

В самый низ - это куда? ) И можно это на вордпресс сделать?

Змінено 1 серпня 2020 користувачем SvetaNaz