Вертикальное меню с уровнями, 2-3-4-5 на 2 уовне, как в подменю перенести разделы?

Question

[Антон Вебсайтовский]

Здравствуйте, реализовываю меню типа как на сайте dns, наводим на раздел и выдвигается категории 2 уровня, 3 и 4.
Я сделал чтобы блок был по height: 400px;, чтобы разделы переходили на вторые строки.
У меня не вышло чтобы разделы переходили на вторые строки.
Как реализовать это? подскажите пожалуйста.

Рабочее меню
https://jsfiddle.net/63yxg24z/

Видно что категории не перешли на вторую строку по горизонту. а они ушли дальше фона белого.
Хотелось бы так. чтобы разделы автоматом переносились на вторую строку если дошли до конца фона.

Comments

[Сергей delphinpro]

.grid-container3 ul li ul li ul li a{

С такими дикими конструкциями геморрой вам обеспечен...
Без ста грамм не разберешься.

[Антон Вебсайтовский]

Сергей: так все же просто, а вы бы как сделали?
это ведь уровни вложения.

Answer 1

[Евгений]

.sky-mega-menul div.grid-container3 > ul {
column-count: 2!important;
}

Comments

[Антон Вебсайтовский]

спасибо, перенес но чет как-то все слепил.