How to Fix the Missing Drop-Down Arrow in Divi Menus

Have you noticed the small arrow icon missing from your Divi navigation menu? This icon usually appears next to menu items that have submenus. If it’s gone, users might not realize more links are hidden underneath. Thankfully, there’s a simple fix.

Many users have faced the issue of the removed drop down icon on Divi menu after adding custom CSS or building a custom header.

---

Why the Icon Disappears

Here are some common reasons why the drop-down icon goes missing:

• You used custom CSS that removed it

• Divi updates changed some menu styles

• You built a custom header using the Theme Builder

• Another plugin or theme is causing a style conflict

Even if the submenu still works, the missing icon can confuse your visitors.

---

How to Bring Back the Drop-Down Arrow

To fix this, simply add the following CSS code to your website:

cssCopyEdit.et_pb_menu .menu-item-has-children > a:after {
  content: "\25BC"; /* ▼ arrow icon */
  font-size: 12px;
  margin-left: 6px;
  display: inline-block;
}

You can add this code in Divi > Theme Options > Custom CSS or in your child theme’s stylesheet.

This will restore the arrow icon for menu items with submenus.

---

For Theme Builder Menus

If you’ve created a custom header using Divi’s Theme Builder, you may also notice the removed drop down icon on Divi ThemeBuilder menu.

Since custom headers often don’t include the default Divi styling, you’ll need to manually apply the above CSS code to get the icon back. You can also adjust the style to better match your header design.

---

Final Words

A missing drop-down icon may seem like a small issue, but it affects how people use your website. Adding just a few lines of CSS will make your menu easier to navigate and more user-friendly.

Want more help with Divi? Follow the full guide linked above to learn step-by-step how to fix this issue.