Current / sudo class :active on ol li items in custom menu

Support
#1

Hi
I have built a menu from custom post type posts
https://rugbyinfo.tcfdev.xyz/rugby-info-topic/fixtures/

I am trying to indicate the current active page but so far the CSS is eluding me. I have used the following to target the menu elements and thought i could use the pseudo class :active to do this but sadly not. A point in the right direction would be much appreciated

a .x-text-content-text-primary:active{
color: blue!important;
}
a .x-text-content-text-primary{
color: red!important;
}

#2

Hi @The_Capture_Factory,

Thanks for reaching out.
To apply the :pseudo class styling correctly, you’ll need to target the active menu item . After reviewing the page, it appears that the menu has been created using either a Headline or Text element, and the menu item does not have that active class.

I’d recommend using one of the Navigation elements — such as Navigation Layered — to achieve a similar output while also benefiting from the built-in active class functionality.

Please note that the actual class name for the active state may vary depending on the element used, so be sure to adjust your CSS accordingly.

Please remember that we don’t provide any support to the custom code and related issues.

Thanks