How to change the sub menu font size in Divi

Oct 10, 2018

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!

Related posts

How to increase the width of the Divi menu bar

Have you ever found yourself in the situation where you can’t fit all your links in the menu without it breaking onto two lines? Or maybe you wanted to have a full width navbar like I have on this site? Although the Divi options lets you increase the max-width of the...

Change image on hover in Divi with CSS

Having an image which changes on hover is a cool effect, but unfortunately it's not a native feature of Divi. Luckily though with a little bit of CSS it's an easy effect to build yourself. In part 1 of this tutorial I'll walk you through step-by-step on how to create...

3 Divi blurb hover effects (CSS)

Now Divi has the option of turning any module into a link, I often find myself making sections with blurbs which are linked to other areas of the website. The only issue though is it’s not that obvious these blurbs are links, as the only thing to show they’re...