Brooklyn mobile hamburger menu not showing (no color)

Store Design
1

Hi there,

I am working with the Brooklyn theme, but the hamburger menu on mobile seems transparant. The functionality is there, so you can press the upper left corner and the hamburger will pop open, but you cannot see the button.

How can I make it visible?

Please see attached screenshot.

Thanks in advance.

Eda

Screenshot 2022-01-15 at 15.37.24.png
Screenshot 2022-01-15 at 15.37.24.png1010×1012 178 KB

1 Like
2

Hi @Eda90 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

@Eda90

Sorry for facing this issue, it’s my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. :blush:

Please share your site URL,
So I will check and provide a solution here.

4

Thanks @AvadaCommerce @KetanKumar ,

link is yuvaliving.com

Thanks in advance!

Eda

5

@Eda90

try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
.burger-icon {
    display: block;
    height: 2px;
    width: 18px;
    left: 25px;
    margin-left: -9px;
    position: absolute;
    transition: all .25s ease-out;
    background: #1f2021;
}
.burger-icon--top {
    top: 17px;
}
.burger-icon--mid {
    top: 24px;
}
.burger-icon--bottom {
    top: 31px;
}
6

Hi @Eda90 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss->paste below code at the bottom of the file:
.header-wrapper .burger-icon {
    display: block;
    height: 2px;
    width: 20px;
    margin-top: 4px;
}

I hope it would help you.