Changing the Divi Mobile Menu Font Size

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

Divi Booster

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.