How to Customize the Divi Menu Dropdown Icon

Welcome to part 4 of 12 in my Tutorial Tuesday series! Every Tuesday for 12 weeks, I’m dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with WordPress and Divi.

This tutorial will show you How to Customize the Divi Menu Dropdown Icon. It’s a sweet, subtle little trick that’ll really help separate your menu design from other Divi websites. The menu design and methods used here are based on my previous tutorial, so be sure to check that out if you’re unsure how to add the menu icons or are unfamiliar with :before and :after elements in CSS.

Try this out for yourself and enjoy making your Divi menu stand out from the rest of the crowd! 🙂

Want more free tutorials and layouts?

I'd love to do more. But as you can imagine, it takes a lot of time and effort to put these together. In order for me to do these, I need to take time away from my business which is what's currently paying the bills. If you'd like to leave a tip and show your appreciation, it would show me that the time I invest in these is worth it and will help keep more coming!

Dear Josh,
Your stuff is fantastic! Thank you for the effort you make to help people like me…
I would like to ask for a little more help… On this (temporary) site there are two dropdown menus. One of the “mother” menu items is clickable but the other isn’t. I’d like to state the difference between them with different icons, but the method in this tutorial changes both and I can’t figure out how to change only one of them.
Could you please help?
I would really appreciate it.
Thanks in advance.
Kind regards,
Rita

Hi Josh,
Thank you for your tutorials, they are fantastic!
Do you think it is possible to add different icons to the dropdowns? I’m working on a site where one of the “mother” menu items is clickable but the other is not and I’d like to make a difference in the dropdown icons to show this somehow…
I would really appreciate your help.
Kind regards,
Rita

Follow me on Facebook!

Like and Follow Me on Facebook to connect with me, see exclusive Facebook-only webinars, Q&A’s and to get exclusive deals and offers I only provide to my FB followers!

Join my Divi Facebook Group!

Join my Divi Web Designers Facebook group to get free support and to be automatically plugged into an awesome, supportive community of fellow Divi/WordPress web designers!

Join the Cool Club (aka my email list)

Leave this field empty if you’re human:

I offer exclusive discounts and deals to my email list and promise not to abuse the privilege to email you directly. No spam. Just special deals, important announcements and a notification when a new tutorial or video goes live!