CSS Rule for centering the categories in the menu

[Mahomed Dawood]

Hi AbanteCart

Does anyone know how to center the menu categories , I cannot seem to find the css rule for this

See attachment

[Basara]

Hello.
Try this css

Code Select Expand

ul.categorymenu {
    text-align: center;
    display: inline-block !important;
}

[Mahomed Dawood]

Hi

This just seems to make the menu container a little bigger , it does not center align the categories inside the menu container

[Basara]

Hello.
Add one more

Code Select Expand

#categorymenu {
    text-align: center;
}
ul.categorymenu {
    display: inline-block !important;
}


[Mahomed Dawood]

Hi

this works well for a few categories, but the minute i add more it goes back to left aligned , please see attached image

second image looks perfect but has less categories

[mejores]

Hello,

They go to the left because there is not enough width on the right and that's why it creates two lines, try decreasing the spaces between menu and menu.

Greetings.