Category Icons color in mobile menu

When I see my site in a small device, the menu background is in white which I like it, but the icons doesn’t appear well because they are in white. Is there any way to set them to black for the mobile menu?

Thank you in advance

Hello,

Please provide your site admin access so that we could provide you with CSS.

Best Regards

ok i send you in pvt

Hello,

I cannot log in http://prntscr.com/lzff1q

Best Regards

could you tell me which country are you trying from?

ok, try it now please!!
i hope you can access now

Still cannot login

oh sorry! i didn’t save changes
please try it again? thank you in advance

Hello,

Your icons are not text, they are images, so it is not possible to change the color of icon with the CSS. You need to change the color in image editor and then upload them again.

Or I can change the background and icons would look like that http://prntscr.com/lzgve4

If you accept such an effect, please add the code to the Theme Settings > Custom CSS > Global

body .site-mobile-menu li a .category-icon {
    background: #000000;
}

Best Regards

ok I know! but, is it possible to set different icons for the menu and others for the ones which come below the category title?

SOLVED!

Finally I found this css property to invert the color of the icon and it works!!
#icon{
-webkit-filter: invert(1) hue-rotate(180deg) contrast(2);
filter: invert(1) hue-rotate(180deg) contrast(2);
}

Hello,

We are glad you have solved the problem. If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts