hzvb

Hey, i have found the following code which inverts the logo on product pages successfully; .collection-type-products.view-item .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(1); } Is it possible to do the same (invert colours) with the Nav bar and increase the padding at the top? Thank you

Hey Ziggy - thanks again for your help, I swapped out the code but unfortunately still no change!

Hi, thanks for your quick response I have added in this code but unfortunately there is no change

Hey there I wanted to ask for help on my product item page. Throughout the website I have background images behind the navigation and logo - but this doesn't carry through onto product detail pages in the shop. Ideally it would be great to carry the header image from the store home page across onto all product detail pages. If this isn't possible, how would I invert the navigation & logo colour to black and also add some padding in to the header to stop things overlapping as they are currently? This would be for product detail pages only. The CSS I'm using for the header image is as follows if it helps - works great everywhere on the site except product detail pages; header.Header.Header--top { position: absolute; top: 0; width: 100%; z-index: 999; background: transparent; } URL: moosecoffee.co Thanks in advance for any help