I have used the "Header Builder" to customize the header of my site, I have used a hamburguer menu for mobile users, my issue is that when the user switchs to dark mode, the icon stills in black and should be turned to white to be visible, I cannot find any setting to make the this menu icon adaptable to dark/light modes.
Hello,
I have used the "Header Builder" to customize the header of my site, I have used a hamburguer menu for mobile users, my issue is that when the user switchs to dark mode, the icon stills in black and should be turned to white to be visible, I cannot find any setting to make the this menu icon adaptable to dark/light modes.
Thank you
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
body.pcdm-enable.pcdark-mode .navigation .button-menu-mobile svg {fill: #fff;
}
Regards,
PenciDesign.
Hi,
The solution worked perfectly. Thank for your help and quick reply.