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

Solved
NaturesCru
Tourist
6 0 3

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.

20210211_132832.jpg

KetanKumar
Shopify Partner
14093 1639 5047

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

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NaturesCru
Tourist
6 0 3

Hello Ketan,

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

0 Likes
KetanKumar
Shopify Partner
14093 1639 5047

@NaturesCru 

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

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NaturesCru
Tourist
6 0 3

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

Thanks

0 Likes
KetanKumar
Shopify Partner
14093 1639 5047

@NaturesCru 

do you mean like this?

KetanKumar_0-1613065053282.png

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NaturesCru
Tourist
6 0 3

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.

0 Likes
NaturesCru
Tourist
6 0 3

Hello Ketan,

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

KetanKumar
Shopify Partner
14093 1639 5047

@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;}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NaturesCru
Tourist
6 0 3

Thanks for your help.