All things Shopify and commerce
Hi all, hope someone will be able to help me how to change a background colour of the mobile drop down 2nd level menu. I've found the below code to change mobile drop down menu background colour, but it only changes 1st level menu (ie. when you tap the hamburger menu icon) but it doesn't change the menu colour when I further drill down in menu. I have the Refresh theme. Appreciate any help. Thank you
@media only screen and (max-width: 989px){
div#menu-drawer {
background: #201F2B;
}
Solved! Go to the solution
This is an accepted solution.
@RK2024 Please replace your code with the below code to change the background color also for the sub menu on mobile view alone. Let me know whether it is helpful for you.
@media only screen and (max-width: 989px){
div#menu-drawer, .menu-drawer__submenu.has-submenu {
background: #201F2B;
}
}
This is an accepted solution.
@RK2024 Please try placing the code at the bottom of the component-menu-drawer.css file.
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Hi, please share the link of your website so I can help you.
Hi, want to change this blue color?
Yes exactly. Replace this blue colour with #201F2B ie. the one that is in the 1st level drop down menu
This is an accepted solution.
@RK2024 Please replace your code with the below code to change the background color also for the sub menu on mobile view alone. Let me know whether it is helpful for you.
@media only screen and (max-width: 989px){
div#menu-drawer, .menu-drawer__submenu.has-submenu {
background: #201F2B;
}
}
Thank you Priyavinsinfo, but unfortunately the colour is still blue. I replaced the old css with the one you suggested in base.css and saved, but it didn't work. Please let me know if you have any other ideas. Thank you
This is an accepted solution.
@RK2024 Please try placing the code at the bottom of the component-menu-drawer.css file.
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
That worked, thanks so much Priyavinsinfo!
Learn 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, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025