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

Offcanvas V07

offcanvas v07

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A contents sidebar for a documentation site that pushes the page aside instead of covering it. On wide screens the article reflows next to the sidebar; on phones the page slides over and a tap on it closes the sidebar. It is a non-modal disclosure, so the page stays usable, but it is labelled, closes with Esc and has a filter box for the page list.

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

  • Pushes content with a reflow on desktop and a slide on phones
  • Non-modal: no focus trap, sidebar is inert while closed
  • Esc closes and returns focus to the toggle
  • Filter box narrows the page list as you type
  • Transitions switch 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.