I am using a button in the main menu, with a graduated background as in one of the demo home pages.

On the demo the roll over state is the the theme blue.

For me it is white on white, which is an issue as you can’t see the text.

This is the menu before scroll.

I have added this class to the menu: boc_nav_button

Is there a different style that I need to use?

Thanks
Greg

Surely customizing your header may need to go with some customizations for your header menu.
Let me see your URL so I can help you with it.

The button hover color inherits your menu’s hover color (in theme options), that’s why it turns white. Since there’s no way to predict that in the theme options you can simply add a CSS fix for it in Theme options -> Custom CSS:

@media only screen and (min-width: 1018px){
#header.transparent_header:not(.scrolled) #menu ul li.boc_nav_button a:hover {
    color:#333;
}
}

So I played around with the colours and think I’ve found a combination that works, so I am happy thanks.

Ok cool, this should work just in case:

@media only screen and (min-width: 1018px){
#header.transparent_header:not(.scrolled) #menu ul li.boc_nav_button a:hover {
    color:#333!important;
}
}