Changing the Divi Mobile Menu Font Size

To change the font size for the Divi Theme's mobile menu, you can use the following CSS:

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

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 the result of applying the above:

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

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

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