rd4k1

oh, i’m sorry i completely forgot to post back here. Yes i tested online it does show. But i ended up buying sociallocker as i needed the ajax content hiding.

I got it now. I don’t know why I didnt think of it before, but I got it using the immediate child selector — The greater than symbol (>) for those who find this and may not know.

So instead of it being:

#nav_menu li a:hover, #nav_menu li.current_page_item a, #nav_menu li.current_page_parent a{
	border-right: 10px solid #ffab48;
}

#nav_menu ul li a:hover:first-letter, #nav_menu li.current_page_item a:first-letter, #nav_menu li.current_page_parent a:first-letter{
	color: #ffab48;
}

It is now:

#nav_menu li a:hover, #nav_menu li.current_page_item>a, #nav_menu li.current_page_parent>a{
	border-right: 10px solid #ffab48;
}

#nav_menu ul li a:hover:first-letter, #nav_menu li.current_page_item>a:first-letter, #nav_menu li.current_page_parent>a:first-letter{
	color: #ffab48;
}

And that highlights the current page or parent page without effecting the submenu items.