The color of the drop down menu not working on mobile

Hello,

I did changed the menu color on mobile and PC screen.

However trying to change the color of the drop down menu to white as I did for PC, it’s not working on mobile.


I tried all the tutorials in the community, but still not working.

Could you please help me to fix this issue ?

Thanks and regards,

Nathan

Hello,

Can you please share which URL or article you followed that is not working?

THANK YOU

Hi,

Thanks for your reply !

I could not remember which one but I know that I tried this :

https://www.support.waituk.com/hc/en-us/articles/115001345129-White-Menu-for-Mobile-Devices

But it didnt work as wanted.

Now I’m using only this :
.dropdown-menu {
background-color: #ffffff;
}

So the result is fine on Desktop but not on mobile as you can see on the screenshot.

I will appreciate your help :slight_smile:

Thanks and regards,

Nathan

Hello, still waiting for your reply.

Thanks in advance for your help !

Could you please help :slight_smile:

Could you please help :)…

Hello,

Apologies for late response.

This is because you have set other color than white for the BG. I tested it and adding the white color shows it in the dropdown, as shown in screenshot of your site:


Please add the following CSS to your child theme via customizer:

@media only screen and (max-width: 991px)
.dropdown-menu .drop-wrap {
background-color: #ffffff;
}