Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
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!
Please share your store url & store front password.
Thanks!
which color you want to change please provided color code to me and you want to change background color or text color.
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 ^^
This is an accepted solution.
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!
Omg that worked wonders!
Thank you so much!
This works, thanks so much!
Hello, on the streamline theme I can't see any of these files, how can I use this ?
How do you change the colour of a single "text" on the menu. For example the menu above change "REVIEWS" to red.
Please share your store URL!
Thanks!
hi ignitehouseneeds.com
pass: vaisficarquerendo
i want the background of the mobile version this color #292828
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025