Mobile Menu Overlay Color, Opacity

  • Greetings, Ascend Support,

    Would you be able to provide the CSS coding to enable editing the mobile-menu-overlay color and opacity?

    I need to change it to a lighter color (probably white)–not black.

    Thanks in advance for your reply!
    Michael

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • hannah

    (@hannahritner)

    Hey,
    Do you mean the hover color? This css may work for you:

    .kad-mobile-nav li a:hover {
    background: rgba(255,255,255,.1) !important;
}

    Hope it helps!

    Hannah

    Thread Starter mtosh

    (@mtosh)

    Hi, Hannah,

    Thanks for your reply.

    Well, I am able to set the hover color in Appearance, Theme Options > Menu Settings.

    What I am referring to is the black semi-transparent masking overlay that covers normal content after the mobile menu stack or mobile search icon is clicked.

    Thanks for your assistance,
    Michael

    hannah

    (@hannahritner)

    Oh sorry, try this css:

    .mfp-container {
    background: rgba(255,255,255,.6);
}

    Does that work for you?

    Hannah

    Thread Starter mtosh

    (@mtosh)

    That does it, Hannah! Thanks so much for providing this setting!

    Regards,
    Michael

    hannah

    (@hannahritner)

    Happy to help!

    Hannah

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile Menu Overlay Color, Opacity’ is closed to new replies.