Jump to content
slava088

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

Recommended Posts

Привет всем.

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

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

Спасибо.

Share this post


Link to post
Share on other sites
1 час назад, slava088 сказал:

Привет всем.

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

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

Спасибо.

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

Share this post


Link to post
Share on other sites
4 часа назад, slava088 сказал:

Привет всем.

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

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

Спасибо.

можно

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

Share this post


Link to post
Share on other sites
19 минут назад, AUSS сказал:

можно

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

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

Share this post


Link to post
Share on other sites
52 минуты назад, slava088 сказал:

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
16 минут назад, Soong сказал:

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

 

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

  • +1 1

Share this post


Link to post
Share on other sites
Posted (edited)

1511730214_WhatsAppImage2020-03-13at09_02_45.thumb.jpeg.7e4ec1b77aed3078b6f833c5305f6352.jpeg

 

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

Edited by slava088

Share this post


Link to post
Share on other sites

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

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

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

 

Share this post


Link to post
Share on other sites
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();
});

 

Share this post


Link to post
Share on other sites
11 минут назад, Blast сказал:

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

Согласен.

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

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

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

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites
В 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}
}

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.