How to change color on the navigation menu on mobile? Dawn theme

Solved
mikery
Excursionist
20 0 4

Hello folks, this is my first time in the community asking for help.

I am currently working on my site and I would like to change the color of the menu that slides in on mobile to another color besides my main color.

I have no idea how to code in HTML and I can't figure out how to change the code for this specific thing. 

Can anybody help?

Thanks in advance.

Capture.JPG

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9829 2237 3078

This is an accepted solution.

@mikery 

Add code Your assets/base.css or assets/component-menu-drawer.css bottom of the file.

.menu-drawer {background-color: #fff !important;}
.menu-drawer .link--text {color: #34675c !important;}
.js .menu-drawer__submenu {background-color: #fff !important;}

Hope this work!

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 6 (6)
dmwwebartisan
Shopify Partner
9829 2237 3078

@mikery 

Please share your store url & store front password.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
mikery
Excursionist
20 0 4
dmwwebartisan
Shopify Partner
9829 2237 3078

@mikery 

which color you want to change please provided color code to me and you want to change background color or text color.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
mikery
Excursionist
20 0 4

I would like to change the background color to white and have the text to be 34675c 

I am still not 100% sure though, I would like to know how to do it so I can change the color code by myself later and see what I prefer ^^

 

dmwwebartisan
Shopify Partner
9829 2237 3078

This is an accepted solution.

@mikery 

Add code Your assets/base.css or assets/component-menu-drawer.css bottom of the file.

.menu-drawer {background-color: #fff !important;}
.menu-drawer .link--text {color: #34675c !important;}
.js .menu-drawer__submenu {background-color: #fff !important;}

Hope this work!

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

mikery
Excursionist
20 0 4

Omg that worked wonders!

Thank you so much!