Zo2 Framework support Canvas left sidebar when Joomla website loads on smaller screens. This menu displays content from a defined position.
1. 1. How it works
On small screens we hide the mega menu and replace it with the
menu button. When clicked, everything slides to the right revealing the full menu. Clicking again on the menu button or the close button we’ll add to the top of the menu slides everything back to the left. As the browser is resized larger we’ll convert the menu to a horizontal navigation bar as well as convert our single column layout to a 2 column layout.
2. 2. Enable Off-canvas menu
- To enable Off-Canvas sidebar, go to
- And open
Layout Profiletab >
Layout Builderthen enable Off-canvas sidebar.
- By default, Off-canvas will be assigned to
mega-menuposition in Header section.
- Click the icon to enable canvas menu and custom it as well.
This setting allows you to enable the responsive functionality to respond to the different devices it’s on, then click the Responsive configuration to experience.
- Front-end Appearance