How To Make A Push Menu With The Off Canvas Builder

Last Update: March 26, 2024

A push menu is simply a menu in a sidebar, that pushes the page content across as it opens. And the Off Canvas Builder is just the tool to build one of these. Read on to discover how to create your own push menu, and watch the video below for a detailed overview of the process.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

Create & Configure The Off Canvas

The type of Off Canvas you want for a push menu is a Sliding Bar. So the first thing to do is to go to Avada > Off Canvas, and create your Off Canvas. Give it a name, and change the type to Sliding Bar.

You will need to configure the Off Canvas as you require, but the main settings you need to make a Push Menu is to make the Off Canvas a Sliding Bar, and to set the Push Transition option.

You might also want to turn off the Close Button option on the Close tab, as a Push menu would typically be toggled from the main menu in the header. For that reason, you don’t need any Conditions or Triggers for a Push Menu Off Canvas.

Add Your Content

Once your Off Canvas settings are good, it’s time to make the content. Again, this this entirely depend on your desired content, but it’s not a Push menu without a menu, so you will at least be adding the Menu Element. Add your other content and style it as you wish. Watch the video above for an example.

Set The Trigger

A sliding bar needs to be triggered, and there are many ways to do this. As explained above, for a push menu, this would typically be from the main menu. Alternatively though, you might want to set it up so that it opens with the page, or perhaps even some other way. See the Triggers section of the Off Canvas to set internal triggers, or add a menu, as in the video above. For the menu option, you would use the Off Canvas Toggle Special Menu Item in a header menu, to trigger the Push Menu. See this section of the video for exact details of that process.

Once you have your trigger in place, you are done. When the sidebar triggers on the front end, it will now push the content across, giving you a push menu.