If you are splitting your UL into a column format li in a similar way to the below:-
The highlighted 3rd item should be starting a new line, but is being pushed to the right as the first li has a height taller than the second throwing the nested lis out of position. To unify the columns and force the li to a new line in the respective column we simply need to add the following CSS:-
NB If you have more than 2 columns simply amend the ('your column number'n+1) value.... and then you get:-
Note that the li is pushed to a new line.We have found this technique extremely useful when adjusting menu items in the UberMenu plugin from Codecanyon.
Join in the Discussion