How can we make menu in different colors on different pages?

Hi, our main menu is white on a photo background. When it the product page the menu disappears as on one side there is a photo and other is the product description, with price, name, add to basket etc. Is it possible to keep the menu white on the title page and shop page but change the color or add a background to the product page?

Thanks!

1 Like

@KristinaR

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like

We have made it with a pink background but it doesn’t look good: https://xs1cm4gn3qxhdi8f-23698525.shopifypreview.com/

1 Like

@KristinaR

thanks for url can you please let me know which page do you need change header color

1 Like

Any of the product pages.So the menu color is black when loaded. For example here: https://xs1cm4gn3qxhdi8f-23698525.shopifypreview.com/products/copy-of-reina-merino-hat-1

1 Like

@KristinaR

sorry but i can’t see black color at menu on loaded

We have made a pink background for the menu as a temporary solution. As menu text color is white and when on the Product Page it disappears on the right side as it is white too. Ideally we want to loose the pink background and have the menu text turn black once we are in the Product Page so you can see the menu on the right side too. Kinda of they do it in the Betty theme. Open this link and you will see the menu text color is white, but once you go inside to the Product Page take a look at the menu, the text color is black. Try it: https://themes.shopify.com/themes/showcase/styles/betty/preview

@KristinaR

yes please share video if possible?