Create Rollover Effect on Sidebar Button


I’d like to create a rollover effect using a sprite on the sidebar button. I’ve already successfully implemented custom css to change the “+” icon to a “menu” icon. Now, I have a new image sprite that would be a white version of “menu” and hover to a red version of “menu”, but I’ve tried this without any luck. Can you please help? Site is

Thank you!


You can use :hover css rule to change the styles. Here is the code:

.sidebar-btn.cross:hover {
    background: url(YOUR IMAGE);
    background-size: contain;