I'm trying to create a multi-column list but the result I'm getting is not the desired.
In this example, I need to break the right list into a 2nd column at when the height reaches i.e. 400px and the same with the rest of the <li>
elements (in the link above, I want to break the column into 2 after "BABY GIFTS" and put "MEN" in the second column.
I've tested many things such as this Is there a way to break a list into columns? and this but it doesn't create the column where I want.
Here's the result I'm after and here's a JSFiddle
Any suggestions?