Разделить выпадающее меню на 2 блока с помощью wayfinder
Доброе утро всем)) Ребят подскажите пожалуйста как сделать так что бы выпадающее меню разделить на 2 части, сейчас у меня на сайте akc-1.ru есть раздел аренда спетехники и там при нажатии вываливается меню и список ужасно дилнный, я хочу чтобы при нажатии меню раскрывалось и соотвественно было разделено на 2 части на рисунке я постарался нарисовать как это должно выглядеть. системе используется wayfinder с помощью него выводится меню. Ссылка на картинку где я постарался нарисовать как это должно выглядеть
Если верстка на базе bootstrap, могу порекомендовать YAMM (http://geedmo.github.io/yamm3) А вот чтобы разбить по разным столбцам — тут, боюсь, сниппет потребуется. Но есть вариант более, на мой взгляд, правильный — использовать процессор getmenu и modxsmarty. Почитать об этом можно здесь В этом случае при формировании вывода будет полный контроль над данными. И скорость обработки гораздо выше. Я сам уже давно ушел от wayfinder, на процессорах ГОРАЗДО удобнее программировать.
www.w3schools.com/css/css3_multiple_columns.asp joxi.ru/DmBXep0u3b76AP joxi.ru/Q2KndEBsZjBamj P.S. И задайте фиксированную высоту главным пунктам меню, чтобы при наведении основной блок не дергался.
Пожалуйста.
Мануалы читайте. Одного только -moz-column-count: 2; недостаточно. Так только в мозилле будет работать. Я же ссылку дал на спецификации.
Немного не в тему, но, может быть, кому-то будет полезно дополнение по поводу вендорных префиксов: используйте автопрефиксер(https://github.com/postcss/autoprefixer) и забудьте о некрасивых moz-, webkit-.ms-* Пишите css3 код, автопрефиксер сделает за вас остальную неприятную работу.
Есть способ вывести уникальную glyphicon-иконку, каждому пункту меню, если оно (меню) выводится с помощью wayfinder.
знак вопроса забыл.
Вот видите как важны знаки препинания и т.п. :) Если пунктов меню не много, то можно прям в атрибуты документа joxi.ru/82QV3dNu11wp7A