How to change the colour of the sticky menu on the product page.
-
Hi,
I believe the menu works a bit different on the product page but here is what I need to do:
– The menu with the background color, once scrolled the menu, it should become white.
This is easier possible on other pages by making the menu transparent on the first state but white on sticky…On the product page, I can’t create the same effect.
I created 2 gifs to show you what I mean. First shows the home page in which I can get the result and second is the product page where I can’t make the sticky menu white:
1- Home page: https://cl.ly/0d9c35dfde9f
2- Product page: https://cl.ly/9fd90e9c71eb
Hello,
You have created Header Product http://prntscr.com/l9qrfg which is the default header for all the pages except the home page. You have set Header General for the home page http://prntscr.com/l9qryv
You can set Header General as the default header.
Please clarify.
Best Regards
I just created a video to show what I mean. Please check the private link below…
Hello,
I have also tried a few ways.
Please check a product page now. Now it is white on the scroll.
The default is white and the scroll is white also.
If I make grey by default, the grey header will be for all the pages as all the headers are using the same class.
Best Regards