As you can see in the image below the selected tab is not highlighted when it is selected.
How can I ensure the tabs are highlighted so users know what page they are on?
Can someone help me here?
Sorry I missed this. Did you already get this figured out?
No I did not.
Can anyone help me with this?
Are you able to share the website so I can see what's going on? And are you talking about main menu or event's tabs?
By default the element should be getting "active" class so you just need to add styles to your css file.
Thanks for helping Stepan. I'm not a CSS expert and had asked a third party dev to answer but he didn't.
I am talking about main menu tabs. They are not highlighted when I am in a tab. Here is the website: werunthehouse.com
How do i "add styles to your css file." as you suggest?
Try this, "Appearance > Theme Editor" select theme.css file that you're using.
Search for:
.layout_core_menu_main .navigation > li > a:hover
Add this above:
.layout_core_menu_main .navigation > li.active a:link,
.layout_core_menu_main .navigation > li.active a:visited
{
color: #e376bf;
background: #9ea9b0;
}
Change colors as needed. Don't forget to clear cache when testing.
It worked. Wow. Stepan, I cannot thank you enough. I am a little lost out here sometimes:)