Center Menu in Cassiopeia

[edk024]

I want to center align menu items in the main menu. I tried adding this code to the user.css but no results.

.container-nav {
justify-content: center !important;
}
.navbar-brand {
margin: auto;
}

Any other way to accomplish this? Using Joomla 4.28

[Mr. Wimpy]

This is a bit difficult without an url...

Is the menu horizontal or vertical?
If horizontal you need to use align-items: center;

It's a flex thing. If flex-direction is set to column (=horizontal), align-items and justify-content are switched.

Else you could try the good old text-align: center;

[edk024]

Tried both but no luck, still left aligned. Using the main menu module published in the menu position set to horizontal. No other changes to the template.

[edk024]

I created the file /media/templates/site/cassiopeia/css/user.css When I add a css option it does not update the template.

[AMurray]

exactly what are you trying to update? Please provide the CSS you're trying to use, and the website link you're applying it to.

Try clearing browser and joomla caches. are you using a CDN like Cloudflare (or any other)?

[edk024]

I want to center align menu items in the horizontal main menu in the Cassiopeia template. I tried adding this code to the user.css but no results.

.container-nav {
justify-content: center !important;
}
.navbar-brand {
margin: auto;
}

Cleared everything / no CDN.

[Mr. Wimpy]

I see I mixed up horizontal and vertical...
Not that it mattered...

Anyway...
Can you post the url so we can have a look at the code?