One of the dropdowns on my main navigation has over 70 items on it so is so long that it goes off the screen, as seen in the image below:

enter image description here

How can I make it so they go across multiple columns so that the dropdown fits on the screen?

1 Answer 1


This is possible with some css trickery:

See: http://www.w3schools.com/cssref/css3_pr_columns.asp

ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;



Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.