Разделить выпадающее меню на 2 блока с помощью wayfinder

12 сент. 2015 г., 6:45

Разделить выпадающее меню на 2 блока с помощью wayfinder

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

Добавить комментарий