I was running into issues with the main nav bar:

- all menu items using the background color set for active only

in colors.css there was the following:

.nav .block-menu ul li:hover,
.nav .block-menu ul li.focus,
.nav .block-menu ul a:focus,
.nav .block-menu ul a:hover,
.nav .block-menu ul a:active,
.nav .block-menu ul a:visited
{
  color: #fafafa;
  background: #0c2d4d;
}

I removed "nav .block-menu ul a:visited" and added directly below:

#menu-bar ul.menu li a.active-trail { background: #2079D2; }

Which basically removed the issue with the "active menu item" color showing for all menu items, and actually uses the background color provided whenever the menu item is active.

Thanks again for another great theme.

Comments

ydahi’s picture

Issue summary: View changes

thanks

ydahi’s picture

Issue summary: View changes

mistake

roball’s picture

Title: Fixing active menu item background color » Fixing active menu item background color in Main menu
Category: bug » support

I solved this without changing anything in the theme's shipped files, just by adding style definitions to the custom file at_commerce.custom.css.

When using the Superfish module's Default Style, something like this worked for me:

.sf-menu.sf-style-default a.active {
  background-color: rgba(0, 0, 0, 1.00);
}
roball’s picture

Issue summary: View changes

ed