/* Undo Bootstrap 5 rules injected by tocarjunk form widgets (Bootstrap 5 + style.css) so site navbars stay Bootstrap-3 horizontal. Loaded at end of for cascade order. */ /* BS5 adds padding + flex on .navbar / .navbar > .container; stacks with BS3 and looks like extra space above/below the bar and a larger gap before the jumbotron. Reset for the fixed top nav only. */ nav.navbar.navbar-inverse.navbar-fixed-top { --bs-navbar-padding-y: 0; --bs-navbar-padding-x: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; min-height: 50px; } nav.navbar.navbar-inverse.navbar-fixed-top > .container { display: block !important; flex-wrap: unset !important; align-items: unset !important; justify-content: unset !important; padding-top: 0; padding-bottom: 0; } /* Keep a single offset for fixed bar (BS3 min-height 50px); prevents duplicate / inflated body offset */ body { padding-top: 0px !important; } @media (min-width: 768px) { nav.navbar.navbar-inverse.navbar-fixed-top, .navbar.navbar-inverse2 { display: block !important; flex-direction: unset !important; flex-wrap: unset !important; } nav.navbar.navbar-inverse.navbar-fixed-top .navbar-header, .navbar.navbar-inverse2 .navbar-header { float: left; } nav.navbar.navbar-inverse.navbar-fixed-top .navbar-collapse.collapse, .navbar.navbar-inverse2 .navbar-collapse.collapse { display: block !important; visibility: visible !important; height: auto !important; max-height: none !important; overflow: visible !important; width: auto; border-top: 0; box-shadow: none; } nav.navbar.navbar-inverse.navbar-fixed-top .navbar-nav, .navbar.navbar-inverse2 .navbar-nav { float: left !important; display: block !important; flex-direction: unset !important; flex-wrap: unset !important; margin: 0; list-style: none; } nav.navbar.navbar-inverse.navbar-fixed-top .navbar-nav > li, .navbar.navbar-inverse2 .navbar-nav > li { float: left !important; display: block !important; } nav.navbar.navbar-inverse.navbar-fixed-top .navbar-nav.navbar-right, .navbar.navbar-inverse2 .navbar-nav.navbar-right { float: right !important; } nav.navbar.navbar-inverse.navbar-fixed-top .navbar-nav > li > a, .navbar.navbar-inverse2 .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar.navbar-inverse2 .navbar-nav > li.dropdown { position: relative; } .navbar.navbar-inverse2 .navbar-nav .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; } }