bsmither Posted March 19, 2015 Share Posted March 19, 2015 I think that black strip with a duplicate of the word Products is an artifact of of the menu system when it is structured for a small screen. But here are the CSS rules: .top-bar-section .dropdown li label { background-color: #1a16ca } .top-bar-section .dropdown label { color: #fff } Quote Link to comment Share on other sites More sharing options...
bondimedical Posted March 19, 2015 Author Share Posted March 19, 2015 I think that black strip with a duplicate of the word Products is an artifact of of the menu system when it is structured for a small screen. But here are the CSS rules: .top-bar-section .dropdown li label { background-color: #1a16ca } .top-bar-section .dropdown label { color: #fff } Thanks that worked perfectly. Something else I noticed on the Cubecart Demo store is that when you hover over these sub-categories the background goes darker. I also noticed that when you hover over the blue search box the background also changes to #007095. Can you do the same effect for the drop menu and make the background change to #007095? Quote Link to comment Share on other sites More sharing options...
bsmither Posted March 19, 2015 Share Posted March 19, 2015 You have this on line 17 of cubecart.default.css, so change this background-color: .top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) This is the color when the mouse hovers. To this rule, try adding: transition: background-color 300ms ease-out 0s; Quote Link to comment Share on other sites More sharing options...
bondimedical Posted March 19, 2015 Author Share Posted March 19, 2015 Thanks Brain. You are a fantastic help! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.