Responsive side menu (no toggle)

This menu is responsive by default and adds .vertical-nav-no-toggle to hide the collapse handle — collapsing and expanding is driven entirely by the viewport, with no manual control and no resize listener. Resize the browser window to see the CSS-only collapse; the content area shifts to match the reserved menu width.

Breakpoints

≥ 1280px — expanded: full text labels, the content reserves the full menu width.
992–1279px — collapsed icon strip beside the content, which reserves the 80 px collapsed width.
≤ 991px — collapsed icon strip overlays the content (no reserved width).
< 768px — the collapsed strip still overlays the content. With no handle, there is no manual collapse / hide — the viewport governs the menu entirely.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula ex ex. Nullam lacinia nisl nisi, at tincidunt felis condimentum quis. Sed condimentum mi ut enim rutrum, quis tempus felis semper. Suspendisse posuere mi non mauris laoreet aliquet. Morbi diam orci, vulputate in posuere id, posuere in sem.

Ut volutpat fermentum efficitur. Curabitur dolor libero, dictum at ante eu, malesuada tristique felis. Nunc et efficitur risus. Proin sed neque bibendum, cursus est sit amet, iaculis quam. Quisque luctus rutrum luctus. Cras vehicula mi urna, vel finibus mauris euismod ut.