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
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
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
.
