body { padding-top: 60px; padding-bottom: 40px; } .sidebar-nav { padding: 9px 0; } @media (max-width: 980px) { /* Enable use of floated navbar text */ .navbar-text.pull-right { float: none; padding-left: 5px; padding-right: 5px; } } @media (max-width: 767px) { /* The floating-to-the-side table of contents is cool, but, not if we're * low on screen space! */ #sidetoc.affix { position: static; width: auto; top: 0; } }