How To Change Menu Font Size In DIVI WordPress Theme

by | Mar 30, 2015

DIVI is one of the most popular WordPress theme today with an extremely flexible page builder and lots of customization option. However there is no option to customize the font size of the menu items. If you want to make change to the font size in DIVI, you can add a few lines of custom CSS.

Add the lines below in Divi Theme options in Custom CSS area. The first one is default navigation font size and the lower one is for the on scroll fixed navigation font size.


#top-menu > li > a {
font-size: 15px !important;
}

.et-fixed-header #top-menu > li > a {
font-size: 15px !important;
}

***Updated 26 July 2017: This article is outdated now and the feature to modify the menu size is available in Customizer now. Check out this plugin for Divi to create beautiful Blog Pages.

About Marshall
Marshall is creative head at Elicus and works with the team to bring ideas to life. He is strongly focused on delivering a quality experience to clients and customers.