Hi Friends,
One issue I've been trying to find in the CSS -- on my site
www.bruce-king.com/trcnew/index.php/ipad/apps/aac-apps

It's the Mega Menu -- from the page above, if you hover over the menu item iPad from the above page, the drop down shows up, and the active page name has a black background - what the Portal template came with.

I would like to change that black to the red that matches my menu now, and in addition, I'd like the border lines between the menu list to also be the red, instead of black.

And one other issue with the color thing while we are in this space:
when you hover over a menu item that has a drop down, its background goes to #fff, making my #fff menu names disappear. I'd like that color to be @secondary.

I so appreciate your advice!

If you want to use @secondary you will need to create some custom less styling

www.joomlabamboo.com/blog/how-to-joomla/editing-t3-templates-using-custom-less

alternatively you would need to create custom.css hard coding the colour value

We don't offer support for custom less but to get you started with custom.css try something along the lines of

#navwrap li.dropdown.open > .dropdown-toggle {
color: #000;
}

Cheers
Paul

Thanks so much for that CSS tip -- any chance you can tell me where that black back ground (active link) and black borders are in the menu drop down? I've been scouring and it's looking a bit like Greek to me.

I have to admit that I don't understand your last request

Active dropdown is

#navwrap ul.nav > li ul > li.active {
background: rgba(0,0,0,0.8);
}

Border is

#navwrap ul.nav > li ul > li {
border-bottom: 1px solid #232323;
}

Cheers
Paul

Paul, you are the best! Thanks!

thanks

Good luck with the site

Cheers
Paul