Menu icon Foundation
Styling top-bar dropdown

I am trying to change the background color of the li.has-dropdown parent link. When hovering over one of the sub links, the parent bg color is black. When inspecting the element, is shows as:

  • but I can't locate where it lives in foundation.css (foundation v5.2.1) in order to change the background color from black to some other color.

    The attached image illustrates the various states.

  • Dropdown

                
    
             

    I am trying to change the background color of the li.has-dropdown parent link. When hovering over one of the sub links, the parent bg color is black. When inspecting the element, is shows as:

  • but I can't locate where it lives in foundation.css (foundation v5.2.1) in order to change the background color from black to some other color.

    The attached image illustrates the various states.

  • Dropdown

                
    
             
    Melanie Considine over 5 years ago

    Found it on line 1275:

    ```.top-bar-section ul li:hover:not(.has-form) > a {
    background: #272727;
    color: white; }

    Jonas Allen almost 5 years ago

    Thank you so much, I've been looking forever for the fix to this!