Lighter and Matches Mockups

.section-sidebar { display: block !important; } @media (min-width: 1024px) { .section-sidebar { display: none!important; } } .sidebar-container { position: static; width: 100%; max-width: 100%; border-right: 0; display: none; } .section-sidebar:focus-within .sidebar-container { display: block !important; }