body { padding-top: 60px; padding-bottom: 40px; } ul.nav li.dropdown:hover ul.dropdown-menu { display: block; } a.menu:after,.dropdown-toggle:after { content: none; } .navbar .dropdown-menu { margin-top: 0px; } .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; display: block; } .navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; } .dropdown-menu li { position: relative; } .dropdown-menu li { position: relative; [ class ^="icon-"] { float : right; } & :hover { // Switch to white icons on hover [class^="icon-"] { background-image:url("../img/glyphicons-halflings-white.png"); } } }