.dropdown-menu { border: none; } .mega-dropdown { position: static !important; } .nav a .open>a, .nav { border-color: #337ab7; font-weight: bold; color: #fff; } .nav>li>a { position: relative; display: block; /* padding: 10px 15px;*/ color: #fff; } ul.col-md-3 li { } ul.col-md-3 li:hover, ul.col-md-3 li:hover a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: #ff3019; /* Old browsers */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */ color: #fff; } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: yellow; color: red; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: #337ab7; background-color: yellow; font-weight: bold; color: red; } .nav>li>a:hover .open { color: red; } .nav>li>a:hover { color: red; } .mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; background: #f0f0f0; } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; background: #f0f0f0; } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; padding: 3px 5px; color: #333; } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; } .mega-dropdown-menu .dropdown-header { font-size: 18px; color: #ff3546; padding: 5px 60px 5px 5px; line-height: 30px; }