docs/_sass/_responsive.scss

@media (max-width: #{$bp-mobile}) {
  .mobile-menu-btn { display: block; }
  .header-links    { display: none; }

  .search-wrap { max-width: 180px; }

  .sidebar {
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    z-index: 200;
    &.open { transform: translateX(0); }
  }

  .sidebar-overlay {
    &.open { display: block; }
  }

  .content { margin-left: 0; }
  .content-inner { padding: $sp4 $sp3; }

  .site-footer { margin-left: 0; padding: $sp4 $sp3; }

  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.2rem; }

  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .back-to-top { bottom: $sp3; right: $sp3; }
}