If you are splitting your UL into a column format li in a similar way to the below:-
![overlapping-li](https://cdn.prod.website-files.com/619f9d81293b1ee9f7842595/619fe7169ec29a6a3aedebd2_6012b88a3a104c5493f64175_overlapping-li.jpeg)
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:-
![overlapping-li-1](https://cdn.prod.website-files.com/619f9d81293b1ee9f7842595/619fe7161c9a5b1296bcd2fe_6012b88b636982680f3ed614_overlapping-li-1.jpeg)
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