Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Offcanvas V01

offcanvas v01

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A slide-in menu from the left for a museum website, opened from a Menu button in the header. Top-level sections expand into sub-links with native details and summary elements, and only one section stays open at a time. The footer of the drawer holds today's opening hours and a ticket button.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 257 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • Native dialog with showModal, Esc, backdrop click and close button
  • Nested sections with details/summary, one open at a time
  • Focus wraps inside the drawer and returns to the Menu button
  • Page scroll locked while open
  • Slide animation that switches off for reduced motion
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.