To start the process, head to Avada > Off Canvas. You can find this from the toolbar on the Avada Dashboard, or from the sidebar in WordPress.
A Flyout menu sounds like it should Fly out, but essentially, it’s just a menu overlaid on the content, typically in full screen. How it appears is really up to you. A Popup is more typical but you could also use a Sliding Bar for a Flyout menu. You can adjust the width and height of the Off Canvas in the General Tab. As mentioned, flyout menus are typically full screen, but they don’t have to be.
For the example in the video above, a default 1/1 container/column combo was added, and the background color of the container was set to transparent.
In the Off Canvas options, the Popup was set to 100% width, and Full Height, with Center Content Alignment. There was a background color added to the Design tab of the Off Canvas (Black at 85%) and on the Overlay tab, a background image was added, centered with no repeat. Some margin and colors were added to the Close tab, and the Enable Conditions option on the Conditions tab was set to yes. No Triggers or Rules were set.
For full details, watch the video above, but there are many ways a Flyout Menu could be configured. See the How To Use The Off Canvas Builder doc and video for a full rundown on the available options.