Divi Mobile Style and Settings

Below is a video that runs through the menu style and settings.

General Settings

  1. Enable preview mode - This changes the width of the screen to preview how your menu looks like on mobile, tablet and desktop
  2. Select a layout - This is the first step to change the menu style. This is the "category" and you can refine it further in the next setting. For example if you want the menu to appear from outside the screen, you choose it here
  3. Expand from shape menu style - If you select expand from shape above, you choose the final menu style here.
  4. Outside screen menu style - If you select appear from outside screen, you choose the final menu style here.
  5. Mobile break point - Choose then you want your Divi Mobile menu to show. You can show it on desktop if you want by increasing the number.

Custom Header

If you want to make a custom header using Divi Mobile, here are the settings you need. Most are the settings are self explanatory such as header height, but below are some that might need explaining.

  1. Take control of the header - set to "YES" for us to take control
  2. Logo position - choose where you want the logo to be: left, center or right.
  3. Logo position from edge (does not affect the center logo) - change the position from the edge. If you have the left logo, it will move it from the left for example. 
  4. Cart icon position
    1. Left - shows on the left of the menu.
    2. Right - shows on the right of the menu.
    3. Inside Left - shows inside the menu (when opened) on the left.
    4. Inside Right -shows inside the menu (when opened) on the right.
  5. Search icon position
    1. Left - shows on the left of the menu.
    2. Right - shows on the right of the menu.
    3. Inside Left - shows inside the menu (when opened) on the left.
    4. Inside Right -shows inside the menu (when opened) on the right.
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