Mobile Menu Font Color

The font color of the mobile menu is inherited from the desktop settings. If you have a black font on a black background, you will not be able to see the text.

There are 2 options:

1. You can set the mobile menu background color (in the Theme Editor) to the same background color as your desktop menu.

2. To override the font color just for the mobile menu, go to Mega Menu > Menu Themes and paste the following into the Custom Styling area:

@include mobile {
    #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {
        color: red;
    }
}

@include mobile {

#{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {

color: red;

}

Max Mega Menu Documentation

Mobile Menu Font Color

Related Articles