Mobile Menu colors links and background

Hello.

I am using airi theme for this website https://www.coachintegrationquebec.com
And I would like to know how to change in the css the colors of the background, the links and the hover of the links for the tablet and mobile menu.
For now I have a white background, with white links and pink hover.

Thank you :slight_smile:
Liz

Hello Liz,

Try to use the following CSS code (it’ll also fix the dots alignment).

You can add CSS code in Customize → Additional CSS section.

@media (max-width: 1199px) {
    .menuStyle2 .main-navigation a:hover::after,
    .menuStyle2 .main-navigation .current-menu-item::after {
        bottom: 10px;
    }

    #site-navigation {
        background-color: red;
    }

    #site-navigation a {
        color: green;
    }

    #site-navigation a:hover {
        color: blue;
    }
}

.menuStyle2 .main-navigation ul ul a:hover::after,
.menuStyle2 .main-navigation ul ul .current-menu-item::after {
    display: none;
}

You can replace red, green, and blue with any other colors or color codes.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

It works !!
Thank you very much :slight_smile:

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support