Divi Mobile Sub-Menu Appearance
Below is a video that runs through the sub-menu appearance settings.
General Settings
- Sub-menu style
- Collapse Nested - This makes the sub-menu hidden and then you click on the parent it opens up with the sub-menu below.
- Overlap Slide In - This makes the sub-menu hidden and when you click on the parent it slides in over the main menu.
- 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.
- Sub-menu max-width - Adjust the sub-menu width
- Open sub-menu icon - change the open icon
- 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 "!" - copy just the "21".
- Open icon position - Change where you want the icons to be from, either the far right or just after the primary menu items.
- Open sub-menu rotation when clicked - change the rotation of the icon when you click on it.
- Close sub-menu-icon - change the close icon
- 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 "!" - copy just the "21".