How To Add A Point On Top of The Divi Submenu Dropdown

This fun tutorial will show you how to add a point on top of the Divi menu submenu to the dropdown to add some extra styling and making it stand out!

This is going to be a quick and easy one. Just copy the code snippet below and paste it into your Divi>Theme Options>Custom CSS box.

That should be all you need! Now just adjust the code to fit your needs.

Change the color of the “border-bottom” to match the hex color of your submenu background color.

If you want the point to be moved over to the middle, just change the “left” to 50%.

Need More Submenu Styling?

For more submenu styling, be sure to check out our other tutorial on How To Style The Divi Submenu. It’s a really helpful guide that will go perfectly with this tutorial!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

Join Our NEW Divi Facebook Group!

The Divi Teacher Logo

Other Code Snippets

Leave A Response!

Leave a Reply

newest oldest most voted
Notify of

Good job! I like this short tutorial!
One question: there’s a easy way to display on a menu voice a label like “new”. Similar at your site? (on divi)
Thank u so much!

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest


Your Cart