Changing the Divi Mobile Menu Font Size

Boost Your Site and Save 20% this Weekend

Join 50,000 users and build a better site with 20% off all Divi Booster plugins.

Get My Discount Now!

Discount applied at checkout. Offer ends Monday!

Day(s)

Hour(s)

Minute(s)

Second(s)

Here are several ways to change the font size for the Divi Theme's mobile menu,

Set the mobile menu font size in Divi Booster

Divi Booster includes an option to set the mobile menu font size. You can set it at:

Divi > Divi Booster > Header > Mobile Header > Mobile menu font size

Note that the font-size is normally 14px, so setting a higher value will increase the font size, while a lower value will decrease it.

Here's an example of the result:

Set the mobile menu font size with CSS

You can use the following CSS to change the mobile menu font size:

.et_mobile_menu li a { font-size: 18px !important; }

This post may contain referral links which may earn a commission for this site

More Divi Tips

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin

Download Divi Booster

3 Comments

Francesco on March 16, 2020 at 2:40 pm

Hi! How can I change space between menu items?
Thanks Francesco
Reply
- dan on March 21, 2020 at 5:32 pm
  Hi Francesco, you should be able to change the vertical space between mobile menu items with this CSS:
  
  #mobile_menu li a { padding-top: 16px; padding-bottom: 16px; }
  Reply
Saul on December 23, 2016 at 10:08 pm

Thanks about your tips man, great help on Divi^^
Reply