Доброе утро всем))
Ребят подскажите пожалуйста как сделать так что бы выпадающее меню разделить на 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