How To Delete Spaces Between Subcategories

[Mehe]

Who can help me? 

In short: the problem is there are spaces between the names of sub categories. see picture. 

 

How can I delete these spaces? 

 

 

 

[Daresh]

Please share a link to the live page.

[Mehe]

cheapparfum.nl

[Mehe]

Version of PrestaShop is 1.6.1.2 

[Daresh]

The thing here is that the menu elements are floated to the left and set to 20% width to make them go from left to right in rows. But when one item is higher than another the floating looks like it does now.

 

You could remove the float and set column count for the menu, which would remove the gaps, but the items would be aligned in columns, top to bottom, like this:

 

[Mehe]

Hi Daresh, 

 

Great!!

That is exactly what I need. How can I do that? 

 

Thank you. 

[Daresh]

In the css.

.sf-menu > li > ul > li {
    float: left;
    width: 20%;
    padding-right: 15px;
}

Delete the float and width.

.sf-menu > li > ul {
    padding: 26px 30px 31px;
    width: 100%;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

Add the column count rules.

 

This is not a perfect solution, sometimes an item will start at the bottom and continue in the next column, but test it and see for yourself.

[Mehe]

 It works!! 

 

Thank you!