Templates for Joomla! 4.x • Problems styling main menu in Cassiopeia

I'm customising a previously working site after migrating to J4.4.3 and Cassiopeia. I have modified background colours, font sizes and various other aspects of the site without any problems using user css. However, the main menu (which all works fine) stubbornly resists my attempts to modify its appearance. I must be missing something...

The main menu is assigned to a menu module which is assigned to Cassiopeia's menu position. It displays in white (in all states) which has poor contrast with the light colour background I have chosen.

I have tried to customise it by assigning a menu item class to each menu item and using ccs in the user.css file as follows :

li.active a.my-main-menu {
color : black;
}

li.hover a.my-main-menu {
color : white;
}

li.link a.my-main-menu {
color : #663333;
}

li.visited a.my-main-menu {
color : black;
}

(These colours are consistent with the global colour settings that I've programmed for links in modules etc. which display as programmed)

Result : The links remain white in all states except for the active link which now appears black, so I'm having some effect but not the one intended !

Can anyone see what I'm missing ?

Statistics: Posted by chataignier — Thu Feb 29, 2024 12:26 pm

---