Change menu background color in mobile version (small screen)


Thanks a lot for the wonderful theme. the issue is the background color of the menu does not change for mobile version. please refer to the image below


Hello @ahmed90,

That is default behavior of mobile menu background.

Please describe what exactly you want to achieve.

Kind Regards, Roman.

Hello @Roman,

Thank you for your quick reply. i just want to change the background grey color in menu and the dark blue color in sub menu items to be the same as the primary color which is #2980b9 in my case.

please refer to the image link

Thanks for your help.

Best Regards,

Hello Ahmed, thank you for detailed explanation. Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#masthead #mainnav-mobi,
#masthead #mainnav-mobi ul.sub-menu {
    background-color: #2980b9;

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

Kind Regards, Roman.

Amazing Roman :slight_smile:

Thanks a lot for your help sir.

Really wonderful theme and wonderful support.

Best Regards,

You are welcome Ahmed!

By the way, it would be nice if you leave your feedback for Sydney theme on, here is a quick link :slight_smile:

Kind Regards, Roman.