How to Fix the Removed Drop Down Icon on Divi ThemeBuilder Menu and Divi Menu

If you're building a WordPress site with the Divi theme and suddenly notice that the drop down arrow is missing from your menu, you're not alone. Many users face this issue—whether it’s on the Divi ThemeBuilder menu or the standard Divi menu.

In this article, we’ll help you understand why the removed drop down icon on Divi ThemeBuilder menu and the removed drop down icon on Divi menu happens—and most importantly—how to fix it easily.

---

Why Does the Drop Down Icon Go Missing?

Here are a few common reasons the drop down icon disappears:

• Theme or plugin conflicts
  Some plugins or custom themes may override Divi's default icon styles.

• Missing icon fonts
  Divi uses “Elegant Icons” for dropdown arrows. If these fonts fail to load, the icon won’t appear.

• Custom CSS or menu settings
  If custom code hides certain elements or changes the menu layout, it may remove the arrow icon.

• Browser or caching issues
  Sometimes, your browser cache or a caching plugin may prevent the icons from showing.

---

Fixing the Removed Drop Down Icon on Divi ThemeBuilder Menu

If you're using Divi's Theme Builder to create custom headers, try this:

✅ Add Custom CSS

You can restore the icon by adding the following CSS to your site:

cssCopyEdit.et_pb_menu .menu-item-has-children > a:first-child:after {
  content: "\33";
  font-family: 'ETmodules';
  position: absolute;
  right: 15px;
}

Go to Divi > Theme Options > Custom CSS or your child theme’s stylesheet to paste this code.

✅ Check Your Icon Fonts

Make sure Elegant Icon fonts are loading:

• Go to Divi > Theme Options

• Check if icons are enabled under Integration

• If they’re off, turn them back on and clear your cache

---

Fixing the Removed Drop Down Icon on Divi Menu (Standard Header)

If you're using the regular Divi menu module without the ThemeBuilder:

• Use the same CSS code above, but also double-check if your menu items have submenus.

• Sometimes, icons won’t show unless a submenu exists.

You can also try:

cssCopyEdit#main-header .menu-item-has-children > a:after {
  content: "\33";
  font-family: 'ETmodules';
  position: absolute;
  right: 10px;
}

This will fix the removed drop down icon on Divi menu specifically for the standard menu used in the default Divi header.

---

Extra Tips

• Clear your browser cache or use an incognito window to see changes.

• Temporarily disable plugins to see if one of them is causing the issue.

• If you’re using a child theme, make sure it hasn’t changed default menu styles.

---

Final Thoughts

Seeing a removed drop down icon on Divi ThemeBuilder menu or a removed drop down icon on Divi menu can be frustrating, especially if you're not sure what caused it. But with a little CSS and some quick checks, you can get your navigation looking clean and working again in minutes.

Need more help? Visit the DiviHat Blog for detailed guides and free design tips.