Changing the font size of the header menu in Divi is simple to do using the Theme Customiser. However, it only lets you choose the font size for the main links, not the sub-menu that drops down when grouping menu items.

Here’s a simple CSS fix that will let you change the size of sub menu links.

Add the code below into your child theme style.css (or the custom css tab of your Divi Theme Options):

.sub-menu a {
font-size: 12px !important;

If you’re new to CSS, you can change the size of the font by changing the number, but leaving the “px” at the end.

Let me know if you have any questions in the comment section below!

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.

Looking for a new Divi website?

Try our free pricing calculator

You have Successfully Subscribed!