Adaptive header light/dark logo issue. Code needed!

Hello!

I am using the Adaptive header option on my website with a dark cover allowing white logo and navigation to be viewed (https://rightalignedacademy.com/)

But when I land on one of the commerce pages the logo remains white and ultimately invisible (https://rightalignedacademy.com/courses/p/4-week-brand-identity-design-course).

Can someone suggest a solution?

Thank you!

@applefourfourtwo Hi! You can add this code by going to Website > Pages > Website Tools > Custom CSS. This will change the header logo to black on pages where it becomes invisible.

header[data-section-theme="white"] .header-title-logo img, #cart .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}