Shopify themes, liquid, logos, and UX
Hello everyone,
I was wondering if its possible to change the color of this part of my menu on mobile.
I've tried everywhere but I can't find the solution. I use buddha big menu if that matters. Any help is greatly appreciated!
Thank you.
Solved! Go to the solution
This is an accepted solution.
thanks please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/component-menu-drawer.css ->paste below code at the bottom of the file.
.menu-drawer__navigation {background: #ffffff;}
also this
1. Go to Online Store->Theme->Edit code
2. Asset->/buddha-megamenu.css ->paste below code at the bottom of the file.
.vertical-mega-menu>.buddha-menu-item>.mm-submenu.height-transition>li {
background-color: #fff !important;
}
This is an accepted solution.
i can see its work
sorry for that issue
can you please share store url?
Hey @Dike.
Thanks for reaching out.
I appreciate the screenshots you have included and let us know which application you are using, as that is super helpful! You should be able to change the colour of the menu background by navigating to the third-party application Buddha Mega Menu Navigation. Once you open the application by selecting on the *Apps section of your Shopify admin, you should be able to see the option Add & Design MEGA MENU!. I took a screenshot from my test store to show you the section I am referring to:
Once you select this option, you should then be able to choose which colour you would like the menu to be.
Let me know if you have any additional questions.
Ollie | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hey Ollie, thank you for your reply and instructions!
I have looked at that exact location and changed the colors but the changes do not apply at the sections I showed in my original reply.
In my second picture the bottom part has a white background, but the top part won't change when I make the changes in the Buddha mega menu. Maybe I should have worded this more clearly, I'm sorry if I didn't!
This is an accepted solution.
thanks please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/component-menu-drawer.css ->paste below code at the bottom of the file.
.menu-drawer__navigation {background: #ffffff;}
also this
1. Go to Online Store->Theme->Edit code
2. Asset->/buddha-megamenu.css ->paste below code at the bottom of the file.
.vertical-mega-menu>.buddha-menu-item>.mm-submenu.height-transition>li {
background-color: #fff !important;
}
Thank you so much again.
Both codes worked perfectly!
This is an accepted solution.
i can see its work
thanks for the solution, but that did not seem to work for me.
User | RANK |
---|---|
232 | |
153 | |
55 | |
52 | |
46 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023