Change distance between categories in horizontal top menu

[defreytas]

Hi prestashoppers,

I have 6 categories in one of the horizontan top menu. 5 of them are in a straight line but the 6th one shows up under the others. How can i get all 6 of them in one line (by changing the distance between them) or another way to get order them?

picture 1 is how it's now
picture 2 is how i like it to be

[mickeyboy1]

Try in themes/YOUR_THEME/css/modules/blocktopmenu/css/superfish-modified.css and make two changes

This

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

to this 

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

And this

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  color: #777777;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

to this

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  color: #777777;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

You can alter the width and font size if needed to suit your site

[defreytas]

Thanks!! It worked, much better that way !

See here for working version: http://pranka.nl/

Edited June 25, 2015 by defreytas (see edit history)