@media (min-width: 568px) { .sidebar-toggle-box span { display: inline; } .cache-item > :nth-child(2) { flex: 0 0 auto; } .cache-item > :nth-child(3) { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } @media (min-width: 667px) { .header .nav { display: flex; } } @media (min-width: 768px) { html, body { height: 100%; overflow: hidden; } .sidebar-toggle-box { flex: 0 1 auto; } .header .nav { flex: 1 1 auto; } .sidebar-open aside { transform: translate(-100%); } .sidebar-open .site-footer { display: flex; } .breadcrumb { border-color: #ddd; } }