Here are the steps to set up an Off Canvas Menu from with the help of Advanced Menu module.
Step 1: Drag and drop an Advanced Menu from the Content area.
Step 2: When the Settings shows up, in the General Tab, choose Off Canvas Menu from the menu type.
Step 3: Choose the direction and the Breakpoint of the Menu. Breakpoint decides for which devices the menu will work for same desktop, tablets, and mobiles, etc.
Step 4: Set the desired color and the background color by going to the responsive tab, and you can style your menu as well by the Style tab.
Step 5: Change the Typography of the text in the menu using the Typography tab and once you are done, click save.