Change Submenu Display on Sidebar Header

Hi Andy,

I was able to get this to display as desired using CSS classes on menu items and the code below. However I have a problem with the .current-menu-item classes functioning on the homepage. If you go to the homepage you can see that “sculpture” is the 1st item in the main menu. When on all other pages the menu item turns to a red color – however on the sculpture page it only stays red until you begin to scroll, then it flickers back to black.

I would like the menu items I created to achieve the same .current-menu.item effects as the other pages. Currently the submenu items act as anchor links within the index page. However when you scroll to the section they don’t change to the .current-menu.item effect of red overlay.

here is the code I am trying:

.mainsub span {
color: #070707 !important;
font-size:10px !important;
text-align: left !important;
padding-left:10px;
}  

.mainsub span:hover{
color:#a31010 !important;
}

.mainsub span .current-menu-item{
color#a31010 !important;
}