Это можно сделать с помощью стилей.
Но вам нужно понимать, что у вас Меню тогда необходимо переместить из верхней части в Сайдбар, которого у вас пока нет.
Ну то есть, если эта Тема позволяет, подключайте с правой стороны Сайдбар и переносите в него Меню.
А чтобы оно было вертикальным, достаточно добавить / изменить CSS
.main-navigation ul li, .secondary-navigation ul li {
display: block !important;
}
Ну там еще после этого немного нужно поменять отступы и прочие свойства.
Возможно я Вас неправильно понял, но у меня Max mega menu уже находится в области левой колонки (оно черного цвета, выстроилось в 2 строки из за обраниченности области, а так оно по умолчанию в плагине горизонтальное), добавил туда через виджеты, в верхней части у меня стандартное меню темы и они мне оба нужны, сейчас попробую CSS, спасибо
Возможно, что я тоже не совсем правильно вас понял.
Я говорил о меню, которое у вас на скрине в горизонтальном верхнем блоке салатового цвета «Чай Кофе Сладости…»
Но перечитав ваш ответ, понимаю, что мы говорим о разных меню.
На скрине у вас вижу в левой части это самое Max mega menu, но не вижу его на сайте по вашей ссылке.
И т.к. не видел его и вчера, то на скрин и не смотрел.
Сейчас также не наблюдаю.
Пытаюсь что-то сделать постоянно, разное ставлю и убираю, пока не понял как это меню сделать вертикальным, ищу другое подходящее. Для этого меню такое же решение с помощью css можно применить как Вы написали? Вы не могли бы подсказать, в какую именно часть кода вставить данные строки, в код самого плагина? Расположение имеет значение?
Зашел Плагины-редактировать-выбрал Max mega menu, дальше есть такие разделы:
css
megamenu.scss
reset.scss
toggle-blocks.scss
admin
mixin.scss
Ни в одном из них не нашел подобных строк, чтобы исправить
-
Ответ изменён 8 лет, 4 месяца назад пользователем
avralex.
но я не наблюдаю вашего меня в левой части так как это на вашем скрине ((
Я просто совсем нуб и не понял, зачем Вам нужно, чтобы у меня оно отображалось, видимо чтобы код посмотреть и подсказать. Нашел в форуме поддержки Max Mega Menu ответ админа, что вертикальное доступно только в Про (платной) версии, поэтому от него пока что придется отказаться. Не могли бы Вы пожалуйста посоветовать какой-либо аналогичный плагин, критерии такие:
— возможность установить в сайдбар
— меню должно быть выпадающим
— при переходе на какую-либо из категорий, чтобы оно оставалось открытым на данном этапе, а не закрывалось полностью с обновлением страницы
Именно так.
Не видя это самое Меню — невозможно давать советы и рекомендации. Возможно, что достаточно пары строчек в CSS. Но не факт.
Хотя, если вы действительно планируете использовать это Max Mega Menu раскрывая все его возможности, то за такой продукт 23 доллара — совсем не много. Оно того стоит.
Вернул, если не сложно, посмотрите пожалуйста, можно ли его как-то сделать вертикальным)
Дело в том, что у меня пока нет четкого видения того, каким будет сайт, например, не уверен, что данное меню получится как-то грамотно подогнать под мобильную версию, поэтому пока что пытаюсь на бесплатных хоть что-то сделать, а дальше уже докупить, что нужно будет
попробуйте добавить
li.mega-menu-item {
display: block !important;
}
Большое спасибо, Вы не могли бы подсказать, данную строку я вставляю в файл плагина — css — megamenu.scss, верно? Нужно редактировать существующую или добавить новую? строк с похожим текстом там достаточно много, не понял, какую именно менять. Если добавлять новую, то в какое место кода ее вставлять?
вставьте ее в настройки самого плагина: темы меню — кастомное оформление
Попробовал, никаких изменений внешнего вида не произошло( может быть неправильно вставил, конечно
-
Ответ изменён 8 лет, 4 месяца назад пользователем avralex.
может быть неправильно вставил, конечно
не может быть, а так и есть.
не надо лезть в код плагина вообще. от слова «никогда»
Cейчас только долшо, о чем Вы говорили, вставил туда, но все равно ничего не изменилось
-
Ответ изменён 8 лет, 4 месяца назад пользователем avralex.
попробуйте так:
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item{
display: block !important;
}
