Joomla Templates Club 406,261 posts

[Mindy Nettifee Friend Mindy NettifeeJoin date: September 2014Posts: 4Downloads:0Uploads:0]

#184371

I’ve been making all my css adjustments to Mero’s default template, though I changed the background to something similar to the light one.

My problem is that the mainnav css for active links seems to only apply to the menu links that have no subnavigation. So when you are looking at a dropdown menu or when you visit a page from a dropdown menu link, that active link is white, which just disappears on the light background. I don’t have this problem with the Home menu link, or the Contact link, nav items with no dropdowns.

How can I change this?

The site is being developed at: http://writenowpoets.org/now/

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#481327

Hi,

Here is CSS rule for active dropdown menu link:


.ja-mainnav .dropdown-menu li > a:hover,
.ja-mainnav .dropdown-menu li > a:focus,
.ja-mainnav .dropdown-submenu:hover > a {
background: #666
color: #fff
}
.ja-mainnav .dropdown-menu .active > a,
.ja-mainnav .dropdown-menu .active > a:hover {
background: #1ba1e2
}


You can change to your desired color for hover or focus selector.

Regards

[Author]

Posts