Changing the Divi Mobile Menu Font Size

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

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:

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

3 Comments

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

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

    Reply

Submit a Comment

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