How do I get the "li" menu items to automatically fill the menu bar

[nachonat]

Hi Prestashop Community!

 

I'm having a slight dilemma with the menu bar (probably me just being picky)

 

I want the links to automatically adjust to the menu bar so that it fills it.

 

I know i can set the width on each "li" but this isn't solving my problem as I then can't find a way to centre the text on the items (when the wrap). If someone is able to give me a solution to centering the text that would work.

 

But then because the theme is responsive (default-bootstrap presta version 1.6.0.6), when i set the "li" size, when the window is resized, the items squash together and the text overlaps eachother. I know i can resize the text using @media in css to solve the text problem too but it then becomes unreadable AND it sometimes doesn't fill the whole menu bar still. AND i can't centre the text still (can't understand why)

 

My website is www.catering-equipment.co.uk if you are able to help.

 

The only other thing ive editted is the border so that it has rounded ends and i've done this through the theme.css in the theme configurator.

 

I have no CCC on the css files or anything like that so it's easily readable.

 

I would be SO grateful if someone had a solution

 

Thanks

Nat

A very puzzled dev!

[vekia]

you mean that you want to display menu items in one line? all of them?

 

i think that with size of font that you've got there is quite impossible

there is not enough space to display them in that way...

[nachonat]

I am okay with letting the font be a bit smaller, just wanting to know if what i want to do is possible with CSS or will i just have to put up with it not being totally perfect

[vekia]

width of menu items is based on several things, the most important:

1) numer of chars

2) font size

3) paddings

 

in this case you will need to decrease the font size and / or paddings, but im affraid that menu will be unreadable with small font, especially when you add there additonal items

 

at the moment there are a lot of items, it will be hard to display them in one line even with changed font :-)