No results found. Try again with different words?

Search must be at least 3 characters.

How to Set Animation To The Sub Menu?

A submenu on a website is a secondary menu that appears when you click or hover over a main menu option, offering more specific navigation choices.

With Astra Pro, you can set animation for the submenus. It adds a style to the menu when the user hovers it.

How to Access Animation Settings?

To access these settings, you have to head to your WordPress dashboard.

  • Now, navigate to Astra > Customize to access your customizer.
  • Select the Header Builder.
  • Here, click on the Primary Menu option.
  • You can find all the animations under the Design section.

Submenu Container Animations

When the user hovers over the parent menu, it applies an entry animation to the submenu container. Available animation styles are Slide Down, Slide Up, and Fade. These animations are available for normal as well as the mega menu. Note that mega menu functionality is only available with Astra Pro.

These animations are subtle but make the submenu elegant. Here’s what each of the animations looks like when applied.

Note: The above options will be available with the Astra theme for the primary header. With the Astra Pro Addon plugin, the above options will be available for the Above and Below Header.

We hope this guide helped you. If you have any more questions, please reach out to us.

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form