/* Add here all your CSS customizations */ /* nanoScroller is only initialized when Modernizr is loaded (it isn't), so .nano never becomes scrollable and .sidebar-left has overflow:hidden. Use native overflow scrolling on the nano wrapper so the menu scrolls on all screen sizes. */ .sidebar-left .nano { overflow-y: auto; -webkit-overflow-scrolling: touch; height: calc(100% - 60px); } .sidebar-left .nano-content { position: static; } /* Mobile header fixes: keep the sidebar toggle tappable and stop the header-right buttons from overflowing/overlapping it. */ @media only screen and (max-width: 767px) { .header .toggle-sidebar-left { z-index: 1050; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); } .header .header-right { float: none; height: auto; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; padding: 6px 50px 6px 10px; /* right padding clears the toggle button */ } /* The theme's sidebar show/hide CSS depends on Modernizr classes (csstransforms / no-csstransforms) that are never applied because modernizr.js is not loaded. This rule directly shows the sidebar when sidebar-left-opened is toggled on , regardless of Modernizr. */ html.sidebar-left-opened .sidebar-left { left: 0 !important; margin-left: 0 !important; } }