Change Font colour of header section when Scrolling through the page // Have two logos

Store Design
, ,
3

Hi @Raicesjewellery ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file
img.header__heading-logo.motion-reduce {
    filter: invert(1);
}
html .section-header.scrolled-past-header .header-wrapper img {
    filter: unset;
}
.header-localization:not(.menu-drawer__localization) {
    
    filter: invert(1);
}
html .section-header.scrolled-past-header .header-wrapper .header__icons.header__icons--localization.header-localization {
    filter: none;
}
header-drawer, svg.icon, button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large, summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle {
    filter: invert(1);
}
html .section-header.scrolled-past-header .header-wrapper header-drawer, svg.icon, button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large, summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle{
    filter: none !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!