How do I change the look of the side bar on Brooklyn theme mobile version?

[NaturesCru]

Hello all,

I am having a problem with my online store, I can't seem to find a way to edit the side bar on the mobile version which currently does not look very good.

I have attached an image of the side bar how it looks now and I would like to change the colours and make the font the same size. 

I am new to using Shopify and I am not sure how to do this, any help would be greatly appreciated.

[KetanKumar]

@NaturesCru 

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

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

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

[NaturesCru]

Hello Ketan,

The url is www.naturescrunch.co.uk, thanks for your help!

[KetanKumar]

@NaturesCru 

Thanks for store url can you please let me know how do you have like?

[NaturesCru]

I would like the side bar to appear with a white background and a dark grey text.

Thanks

[KetanKumar]

@NaturesCru 

do you mean like this?

[NaturesCru]

Hello Ketan,

Yes, that is how I would like it to look, with 'Home' and "Products' also the same size. 

Also if the 'search' could be first or last on the list that would be ideal, thank you.

[NaturesCru]

Hello Ketan,

Is it possible you can explain how I can make these changes?

[KetanKumar]

@NaturesCru 

Thanks for confirm 

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

.drawer--left, .mobile-nav>.mobile-nav__item {background: #fff;}
.mobile-nav__item a, .mobile-nav__toggle button {color: #000;font-size: 16px;}
.mobile-nav__item--secondary a{color: #000;}

[NaturesCru]

Thanks for your help.