Brooklyn theme side menu colour border

Solved
Highlighted
Hello,

I'm using the Brooklyn theme and although I've changed all the theme colours to either black or white I'm still getting an orange border around the side pop out menu, this border moves when one of the navigation buttons are pressed, how do I go about changing this?

Many thanks
Darren
www.mintcards.co.uk
0 Likes
Highlighted
Shopify Partner
87 10 20

@DarrenDrink 

Share the site link so we can check 

0 Likes
Highlighted
Thank you,

It’s www.mintcards.co.uk

I’m using a chrome mobile browser when I see the border.
Darren
www.mintcards.co.uk
0 Likes
Highlighted
Shopify Partner
87 10 20

This is an accepted solution.

It's the focus color which you are getting when you click the icon or button in mobile. 


you need to implement either color of your choice on focus or you can put transparent color on focus. For example, 

@include at-query($max, $medium) {
#NavDrawer:focus {
    outline-color: transparent !important;
}
}


With above css, you won't be getting the line which was coming out when you open the mobile menu

2 Likes
Highlighted
That’s great,

Which of the set of codes do I apply this to ?

Thanks,
Darren
Darren
www.mintcards.co.uk
0 Likes
Highlighted
Shopify Partner
87 10 20

You just need to paste this css to your theme css file 

0 Likes
Thankyou so much I managed to complete this with ease thanks to your advice.
Darren
www.mintcards.co.uk
1 Like
Highlighted
Shopify Partner
87 10 20

Great, 
Happy to Help.

1 Like