Change menu background color in mobile mode

[notclear]

When in mobile mode, the main drop down menu background is white, how can I change it to different color and also with border?

[Andy]

This is the custom CSS you need to change these colors, and add a border.
Add it to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’, changing the color values to the color you want.

@media (max-width: 1024px) {
    /* drop down menu */
    #site-navigation {
        background: #f9f9f9;
        border: 1px solid #000000;
    }

    /* sub menu within the main drop down */
    .main-navigation ul ul {
        background: #f6f6f6;
    }
}

[notclear]

The CSS works! Thank you so much for your quick response again!

[Author]

Posts