Mobile Menu Text Colors

  • Resolved highvolts

    (@highvolts)


    1 year, 11 months ago

    Hi Folks, I am hoping you can help. I cannot for the life of me get the mobile menu text color to be anything but white. Is it possible to provide some guidance? I’ve also included the custom css code as well. The desktop menu works fantastic and we love it 🙂 

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

    Below is a screenshot of the menu when forced to mobile sizes:

    View post on imgur.com

    Thanks a lot!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    1 year, 11 months ago

    Hi,

    The colour is forced to be white by this “!important” line of CSS from your theme:

    https://app.screencast.com/tWYIFgX8LpKN7

    You could either remove the ‘navbar-custom’ class from the page html (delete it from the template in your child theme), so that the CSS rule from your theme no longer matches, or add an !important rule to the CSS you posted above.

    Regards,
    Tom

    Thread Starter highvolts

    (@highvolts)

    1 year, 11 months ago

    Thank you Tom!

    I decided to remove the !important in the navbar-custom. I tried your suggestion of adding !important to the custom CSS for the menu and that worked, but not for the sub-menu items. I’m not sure why the Important was there in the navbar-custom, so I removed it.

    I really appreciate your support.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile Menu Text Colors’ is closed to new replies.