Adjust Sub-Categories Spacing For Horizontal Menu

[freely151081]

Hi,

 

I have problem that I have under one category 7 sub-categories. A there is so big spacing between them it starts second row.

 

Is there way to change number of sub categories from 5 to 7 and reduce spacing between them?

 

 

 

Thank you in advance,

 

Ints

[yaniv14]

Check the file: themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

 

for this:

.sf-menu > li > ul > li {

1. float: left;
2. width: 20%;
3. padding-right: 15px;

}

 

and update the width to 14% to include 7 in a line.

this will effect all sub categories even if you have less than 7.

[freely151081]

Not working

 

For time being I added line margin-bottom: 15px; and at least not getting second row too much up.

 

Still have to find solution.

[yaniv14]

Are you sure you edited the correct file (the one inside your theme folder and not the one in root/modules)?

Did you clear your browser cache after making changes (ctrl + f5)?

 

It will easier to help you if you post your site url.

[freely151081]

Its www.manaszekes.lv

 

Will try with clearing cache

Edited February 24, 2016 by freely151081 (see edit history)

[yaniv14]

I see what you added (margin-bottom) and its look just like I said.

Just change the %20 to %14 and clear your cache in BO -> Advanced parameters -> Performance -> Clear cache

Also clear your browser cache.

 

This is how it should be:

.sf-menu > li > ul > li {

1. float: left;
2. width: 14%;
3. padding-right: 5px;
4. margin-bottom: 15px;

}

[freely151081]

Working as Charm, thank you very much.

 

Thanks,

 

free