Divi Mobile Sub-Menu Appearance

Below is a video that runs through the sub-menu appearance settings.

General Settings

1. Sub-menu style
   1. Collapse Nested - This makes the sub-menu hidden and then you click on the parent it opens up with the sub-menu below.
   2. Overlap Slide In - This makes the sub-menu hidden and when you click on the parent it slides in over the main menu.
   3. Side by Side - This shows the parent and sub-menu next to each other, useful for menus that have lots of sub-menu items. 

Sub-menu Appearance

Most are the settings are self explanatory such as background colour, but below are some that might need explaining.

1. Sub-menu max-width - Adjust the sub-menu width
2. Open sub-menu icon - change the open icon
   1. Enter in the number for the Divi icon - You can see a full list HERE. Just scroll down till you see the icons and some letter below. <br>Copy the numbers and letters that appear after "x".  So "&#x21;" - copy just the "21". 
3. Open icon position - Change where you want the icons to be from, either the far right or just after the primary menu items. 
4. Open sub-menu rotation when clicked - change the rotation of the icon when you click on it.
5. Close sub-menu-icon - change the close icon
   1. Enter in the number for the Divi icon - You can see a full list HERE. Just scroll down till you see the icons and some letter below. <br>Copy the numbers and letters that appear after "x".  So "&#x21;" - copy just the "21".