Add a Hover Effect on non-dropdown Menu Items

By default, the Main Navigation only displays a hover color effect when Dropdown menus are enabled. If you do not have any dropdown menus and still prefer to have the hover effect, bellow are your instructions. Add the following code to the Custom CSS area in Site Options > Styling Options:

 #menu-main-nav li:hover { background:#1E1814 !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #menu-main-nav li.parent:hover { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } 

Please modify background:#1E1814 !important; according to your site color or your preferred color. For the HTML Theme, simply add the above CSS code anywhere in the stylesheet style.css. (click screenshot for a full-size view)