Spunky Posted June 4, 2017 Share Posted June 4, 2017 The issue I am having is with my menu bar. I have recreated it in JS Fiddle. Notice that when you hover over any of the drop-down menu list items (any that are short words or not on 2 lines), the hover color does not spread to the right edge, and I am unable to figure out why. Could somebody take a look at let me know if they have any ideas? Link to comment Share on other sites More sharing options...
dsonesuk Posted June 4, 2017 Share Posted June 4, 2017 This #desktop_nav ul li { float: left; margin: 0; padding: 0; position: relative; z-index: 5; } causes ALL li element to shrink to content, it may be fine for the parent menu, but for submenu list item, not so good, as you have found out, you have to target the submenu li and give them width of 100%. #desktop_nav ul ul li { } Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now