FROM CACHE - en_header

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

Solved
adthai
Pathfinder
98 0 32

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 lookHow it's supposed to lookBurger icon disappears when I scroll downBurger icon disappears when I scroll down

Accepted Solutions (3)

Accepted Solutions
Kinjaldavra
Shopify Partner
2302 569 1407

This is an 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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder

View solution in original post

KetanKumar
Shopify Partner
33447 3353 11064

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Kinjaldavra
Shopify Partner
2302 569 1407

This is an 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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder

View solution in original post

Replies 10 (10)
KetanKumar
Shopify Partner
33447 3353 11064

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 569 1407

This is an 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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
KetanKumar
Shopify Partner
33447 3353 11064

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
adthai
Pathfinder
98 0 32

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

IMG_6939.jpg

Kinjaldavra
Shopify Partner
2302 569 1407

This is an 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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
adthai
Pathfinder
98 0 32
KetanKumar
Shopify Partner
33447 3353 11064

@adthai 

its my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 569 1407

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

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Queen27
New Member
1 0 1

hello 

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

KetanKumar
Shopify Partner
33447 3353 11064

@Queen27 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing