Header text color changes automatically on Shop page

Hello @zia32 ,

Thanks for reaching out!

It looks like your theme has a CSS for WooCommerce links and that is overriding your custom CSS for header menu color.

You can use this CSS to force our desired color on the header menu regardless of what your theme currently has –

.archive .header-menu-primary a {
    color: #ffb401;
}

Use the code in wp-admin > Appearance > Customize > Additional CSS field.

I hope this helps.

Thank you ??

Hi @rur165 I added your code and it has changed the colour in desktop view. In mobile view the the text color on home page and other pages is supposed to be white but on shop page it is still gray. Kindly help me for mobile view to.

Hello @zia32 ,

I am glad to know that the code worked for the desktop version.

I just checked your site and mobile view is showing white menu items – https://prnt.sc/10z7owl.

I hope you have got it solved already.

Let me know if you have further queries.

Thank you ??

Yup, I fixed it on my own but the text color both in desktop and mobile view on product page is still grayed. Can you help me with that?

Hello @zia32 ,

I am afraid I am unable to identify the text color you are referring to.

Can you please share a screenshot of the texts you have in gray? You can use https://snipboard.io/ to share a screenshot.

Looking forward to your response.

Thank you ??

I am talking about the header color on product page https://snipboard.io/X4uY7W.jpg

Hello @zia32 ,

Thanks for pointing this out.

You can use this code to replace the color of header links in all of the pages –

.woocommerce .header-menu-primary .menu-item a {
    color: #ffb401;
}

I hope this will solve your issues.

Thank you ??

Hi there,

We’ve not heard back from you in a while, so I’m marking this thread as resolved.

Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

Thank you ??