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".
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us