Auto spacing in top horizontal menu in single row

[abhey.thareja]

In the top horizontal menu, would like the bars to get automatically spaced out till the end of the row unlike the way its in the image. Also, it should not spill over into the next row.

 

Please help

 

Attached image for reference - circle in pink color.

 

Thanks,

~A~

 

eshop: www.CarLEDIndia.com

Prestashop ver: 1.6

[vekia]

duplicated: http://www.prestashop.com/forums/topic/326662-how-to-reduce-home-page-spacing-around-horizontal-menu/

[abhey.thareja]

Just to clarify - need help to equally space out the category bars in the top horizontal menu so that there is no hanging bar in the end, like in the image attached above; or even the menu should not flow into a second line incase the number of items/ categories are increased - should adjust by itself accordingly.

 

thanks,

~A~

[abhey.thareja]

Prestashop experts: please help on this as this top banner doesnt look good with a hanging bar in the end

[vekia]

paste this code to somewherein your global.css file

.sf-menu li:last-child {
  border-right:none!important;
}

then circled bar will disappear

[abhey.thareja]

Thanks Vekia. this seems to be a quick fix and solves the purpose for the time being.

 

But if i add more categories, it still flows into the second row. Ideally, if there is a code that will auto space it in the same row (by making the font smaller or something) and accordingly equally divide the bars instead of removing it.

 

This is a desirable functionality if you could respond; however, for now this code solves the immediate issue of a hanging bar in the end.

 

Thanks,

~A~