Secondary Menu – Submenu – Active/Hover font color

[Andrew]

Andrew

October 22, 2014 at 6:35 am

Hi,
I really love this theme.

I have a silly question. I have a submenu for the Secondary menu. I cannot read the active item on the submenu because the font color is white and the background is white. On hover, it is white with background color blue, which is correct.

I am struggling to change the submenu active color to black via the theme settings or by adding custom css in Theme Options > Advanced > Custom CSS. I tried this:

#nav-second ul.sf-menu ul li a:active {
background: #1e73be; /* blue */
color: #000;
text-transform:uppercase;
}
#nav-second ul.sf-menu ul li a:hover {
background: white;
color: #000;
text-transform:uppercase;
}

In the theme menu settings, the options only provide for editing both hover and active at the same time. The background color blue is not showing up on the active link. (submenu hidden until you hover on the parent menu item).

Additionally, I want the submenu to be horizontal with more than 4 submenu items/columns, which does not appear to be possible in the WordPress settings: Appearance > Menus > Enable Fullwidth Sub Menu > Submenu Number of Columns (max 4) – I have posted separately on a more relevant thread about this problem.

I realise that I have probably made a silly mistake in my CSS but I would be extremely grateful for your advice. In the demo it works perfectly with a vertical submenu – *Login to see link

*Login to see link

Andrew