Drop Down Menu Background is tranparent

  • wbelfiel

    (@wbelfiel)


    10 years, 5 months ago

    How do I make the dropdown menu solid like the one above is

    Outreach Christian Education Affiliation Times Media – this is a solid dropdown background

    Home Conferences Giving Bookstore Community – this is a transparent dropdown background

    http://www.stwtc.org

    I have attached the skins.css code that contains this.

    Thanks for your help.

    #primary-navigation .nav-bar li { /*border-right: 1px solid #444;*/ }

    #primary-navigation .nav-bar li.has-flyout > a:first-child:after,
    #primary-navigation .nav-bar .has-flyout:hover:after,
    #primary-navigation .nav-bar .has-flyout.active:after { color: #000; }

    #primary-navigation .nav-bar li a,
    #primary-navigation .nav-bar .flyout li a,
    #primary-navigation .nav-bar .current-menu-item .flyout li a { color: #3f1d60; }

    #primary-navigation .nav-bar>li.current-menu-item a,
    #primary-navigation .nav-bar>li a.active,
    #primary-navigation .nav-bar li a:hover,
    #primary-navigation .nav-bar .current-menu-item .flyout li a:hover { color: #FFD524; }

    #primary-navigation .nav-bar .flyout { border-bottom: 1px solid #333; }

    #primary-navigation .nav-bar .flyout li { background: #000 !important; }

Viewing 1 replies (of 1 total)
  • Vinny Moreira

    (@vimodesigns)

    10 years, 5 months ago

    Look for:

    #primary-navigation .flyout li a

    and add a background color like this:

    #primary-navigation .flyout li a {
box-shadow: none;
border: none !important;
padding: 10px 30px !important;
text-transform: none;
font-size: 13px;
font-size: 1.3rem;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
background: #000;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Drop Down Menu Background is tranparent’ is closed to new replies.