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

Divi Booster

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


  1. Hi! How can I change space between menu items?
    Thanks Francesco

    • 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;
  2. Thanks about your tips man, great help on Divi^^


Submit a Comment

Your email address will not be published. Required fields are marked *