Brooklyn theme: Burger Icon on Mobile Disappears from Sticky Header when scrolling down

[adthai]

Hi, my burger icon on mobile disappears from my sticky header when scrolling down on my Collection pages, pages, and my product pages because it transitions into a white burger icon on a white background. Is there any way I can fix this?

How it's supposed to lookBurger icon disappears when I scroll down

[Kinjaldavra · Accepted solution]

hello @adthai 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection .header-sticky.header-wrapper .burger-icon {
    background-color: #000000 !important;
}

[KetanKumar · Accepted solution]

@adthai 

try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.header-sticky .burger-icon {
    background-color: #000000 !important;
}

[KetanKumar]

@adthai 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Kinjaldavra · Accepted solution]

hello @adthai 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection .header-sticky.header-wrapper .burger-icon {
    background-color: #000000 !important;
}

[KetanKumar · Accepted solution]

@adthai 

try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.header-sticky .burger-icon {
    background-color: #000000 !important;
}

[adthai]

hi, this code works, but when i scroll down on my home page on mobile, my burger icon turns black now. everything other page is fine. thank you so much

[Kinjaldavra · Accepted solution]

hello @adthai 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-index .header-sticky.header-wrapper .burger-icon {
    background-color: #ffffff !important;
}

[adthai]

thank you!!

[KetanKumar]

@adthai 

its my pleasure to help us

[Kinjaldavra]

hello @adthai 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance

[Queen27]

hello 

how can I get a number to call customer service about a payment question , it appears my account is on hold 

[KetanKumar]

@Queen27 

https://help.shopify.com/en/questions#/login