Skip to main content

Expand From Shape

Divi Mobile offers a creative way to display your site's mobile menu with various animations. The "Expand From Shape" style allows the navigation menu to unfold gracefully from a designated shape, giving a modern and space-saving touch to your mobile experience.

How to Set Up​

Follow these steps to enable and customize the "Expand From Shape" animation:

  1. Go to the Theme Customizer and navigate to Divi Mobile > General Settings.
  2. Scroll to the SELECT PRIMARY MENU MOVEMENT dropdown menu.
  3. Select Expand from shape from the list of animation styles.

Theme Customizer Settings

Customize the Animation Style​

Choose the animation style that best suits your site's design from the options below:
Expand from shape style settings

1. Circle Expand​

The menu emerges outward from a central point in a circular fashion.

Circle Expand preview

2. Circle Stretch Down​

The menu elongates downwards from a circular form, displaying the menu items.

Implement these settings to enrich your mobile site's navigation with a visually appealing menu that not only looks great but also enhances usability. Save and publish your changes to witness the magic of your new mobile menu animation.