off_canvas_menu
15 sites
No security coverage
Off Canvas Menu provides an easy-to-configure toggleable menu that slides into view from any side of the screen. It’s ideal for mobile navigation or compact UIs. Designed with non-technical users in mind, this module adds a hamburger icon anywhere on the page, allowing the site visitor to access your chosen menu via a slick off-canvas effect.
Features
- Configurable Positioning: Choose where the toggle icon appears on screen using CSS values and select absolute or fixed positioning.
- Flexible Menu Placement: The menu can appear on the left, right, top, or bottom of the screen.
- Customizable Slide Direction: Independently control the direction the menu slides in from.
- Transition Controls: Configure the slide transition's duration and easing style (ease-in, linear, etc.).
- Close Icon: Users can easily dismiss the menu via an “X” icon inside the panel.
- Drupal Block Integration: Fully implemented as a block, so you can place it using the standard block layout UI.
- Theme Agnostic: Designed to work with any theme, including Olivero, and can be styled via provided or custom CSS.
Use cases include:
- Mobile-first navigation menus.
- Admin utility drawers.
- Slide-in filter or settings panels for advanced users.
Post-Installation
Once the module is installed and enabled:
- Place the Block: Go to Structure > Block Layout, and place the Off Canvas Menu block in any region.
- Configure Settings: Navigate to Configuration > User Interface > Off Canvas Menu Settings.
- Choose which menu to display.
- Set icon position and CSS mode.
- Decide where the menu appears and from which direction it slides in.
- Configure animation timing and easing preferences.
- Clear Cache: After changing settings, caches are automatically cleared to reflect updates.
The menu will be rendered on the front end with your chosen configuration.
Additional Requirements
None outside of drupal core.
Similar projects
- Responsive Menus: Often more complex and tightly coupled with specific themes.
- Admin Toolbar Extras: Not relevant for public navigation use.
- Custom Menu Blocks: Less dynamic and usually lack animation or sliding effects.
Off Canvas Menu differs by offering:
- Full configuration through the UI.
- Standalone animation/positioning controls.
- No theme dependencies.
Supporting this Module
If this module saves you time or adds value to your project, you can show your support in two ways:
- Buy me a coffee to say thanks:
https://buymeacoffee.com/tylerhastain - Want to contribute or sponsor development?
Reach out directly if you're interested in helping improve or maintain the module — contributions, ideas, and support are always welcome!