Templates for Joomla! 5.x • Re: How to centre and change the font size of the menu

It depends: Do you want the menu to center on all screens or center on large screens only? (on small screens the menu will be aligned on the left)

Center menu on all screens

Code:

.container-header .mod-menu {  font-size: 1.2em;  text-align: center;}

Center menu on large screens only

Code:

.container-header .mod-menu {  font-size: 1.2em;  justify-content: center;}

* The difference in centering is because Cassiopeia turns the mod-menu into a flexbox on larger screens.
** Change the number at font-size to what you like. 1.2em = 1.2 x normal size

Thank you so much I would like to center it on all screens.
Do I just add your code to the user.css file ?
There is already the back ground color in there.
or do I make a new file?
or do I somehow put it in the source code?

Here is what the user.css file looks like now with your background color code in it -
Many thanks.

Statistics: Posted by lotusmoon — Mon Jul 01, 2024 1:10 pm

---