Sub-Menu typography

I wish this is added in GP core someday but for now, you can use some trusty CSS:

.main-navigation .main-nav ul ul li a {
	font-size: 13px;
	font-weight: normal;
    text-transform: capitalize;
}

@media (min-width: 1025px) {
    .main-navigation .main-nav ul ul {
	padding: 0.6em;
	}
}

In the example above, I have adjusted the sub-menu font size, weight, and transform. I’ve also added slight padding around the container on desktop sizes.

UPDATE: I guess our wishes have been answered! Since GeneratePress 3.1 and the addition of Dynamic Typography, you can now set the primary sub-menu typography right from the Customizer. Just go to Customizer -> Typography, and click the Add Typography button. Select Primary Sub-Menu Items from the Target Element dropdown and set your settings accordingly.

GeneratePress logo

Need help on customizing GeneratePress or GenerateBlocks?

Helpful info

Adding CSS

Adding PHP

Using a child theme

Keep up to date with newly released articles

Sign up to the Knowledge Base newsletter

You will only receive an email when new content is added in the Knowledge Base. No spam, that's a promise!