How to upload my white logo in transparent header Brooklyn theme then change on scroll

Store Design
1

so i have been struggling with this all day , i have both a white and black logo , however i have both of them uploaded yet only the black logo shows , please help here is the images

this logo is fine

this logo is fine
this logo is fine2756×602 45.7 KB

i need white logo here

i need my white logo to show here
i need my white logo to show here2717×725 188 KB

2

Hi @7kingodmsla ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.header-wrapper--transparent:not(.header-sticky) .site-header__logo-image {
    display: block !important;
}
.header-wrapper--transparent:not(.header-sticky) .site-header__logo-image--transparent {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

thank you !!!