Freecode Academy

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

коля

Доброе утро всем))

Ребят подскажите пожалуйста как сделать так что бы выпадающее меню разделить на 2 части, сейчас у меня на сайте akc-1.ru есть раздел аренда спетехники и там при нажатии вываливается меню и список ужасно дилнный, я хочу чтобы при нажатии меню раскрывалось и соотвественно было разделено на 2 части на рисунке я постарался нарисовать как это должно выглядеть.

Системе используется wayfinder с помощью него выводится меню.

Ссылка на картинку где я постарался нарисовать как это должно выглядеть

Comments

Александр Марков
Александр Марков

Если верстка на базе bootstrap, могу порекомендовать YAMM (http://geedmo.github.io/yamm3) А вот чтобы разбить по разным столбцам — тут, боюсь, сниппет потребуется. Но есть вариант более, на мой взгляд, правильный — использовать процессор getmenu и modxsmarty. Почитать об этом можно здесь В этом случае при формировании вывода будет полный контроль над данными. И скорость обработки гораздо выше. Я сам уже давно ушел от wayfinder, на процессорах ГОРАЗДО удобнее программировать.

коля

обязательно почитаю мануалы) спасибо за такую подсказку

коля

круто! все получилось!!! Спасибо Вам огромное))))

Николай Ланец
Николай Ланец

Мануалы читайте. Одного только -moz-column-count: 2; недостаточно. Так только в мозилле будет работать. Я же ссылку дал на спецификации.

Андрей

Немного не в тему, но, может быть, кому-то будет полезно дополнение по поводу вендорных префиксов: используйте автопрефиксер и забудьте о некрасивых moz-, webkit-.ms-* Пишите css3 код, автопрефиксер сделает за вас остальную неприятную работу.

Николай Ланец
Николай Ланец

Вот видите как важны знаки препинания и т.п. :)

Если пунктов меню не много, то можно прям в атрибуты документа