Change colors of Mobile Side Menu from dark scheme to light scheme

Hello XTEMOS,
In mobile, the default colors of Side Menu is light text with dark background (attached image).
Can you change it to dark text with light background? We just want to make our website look more bright.
If the Basel theme have a light colors scheme for mobile then please let me know how to apply.
If we can do it by using custom CSS in Theme Setting, could you please give me the code to do that?
We just want to make the mobile menu looks brighter.

Thank you a lot.

Attachments:

You must be logged in to view attached files.

Hello,

We have already provided custom CSS in https://xtemos.com/forums/topic/change-menu-color-on-mobile-look-like-desktop/

I am checking your site and see you have added the styles, now just change the colors in style as per your needs https://prnt.sc/ovi1ty

In addition here is the style for search form background:

body .mobile-nav .searchform {
background-color:green;
}

Set the color as per your needs.

Best Regards

Hello XTEMOS,
Thank you a lot.
I have changed the colors of mobile menu successful thank to your guide,
This is how the menu is look like in mobile(attached image), with a black empty space at the bottom of the menu(which I draw with the red pen).
Can I change the color of this black empty space?
Thank you a lot for your help and hope you have a nice day.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .mobile-nav .searchform {
background-color:green;
}

Best Regards

Hello XTEMOS,
I have added the code to Global CSS, but the colors is not changed.
Thank you a lot.

Hello,

Try to clean the browser cache. The colors have changed https://prnt.sc/owducf

Replace all the colors as per your needs instead of green, yellow, and orange.

Best Regards

Hello XTEMOS, what kind of mobile phone you test on this screenshot(https://prnt.sc/owducf) ?
I test with IPhone 7, the background is still black (as in attached image)
Could you please take your time add the code directly in the website for me, please?
The admin username and password are in the private content.

Thanks,

Attachments:

You must be logged in to view attached files.

Hello,

I have added the code, now the background is white. You will find the code in the Custom CSS > General the latest one.

Best Regards

Hello XTEMOS,
It worked perfectly, thank you a lot.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts