Changing background color of menu

Solved
Dike
Excursionist
61 0 23

Hello everyone,

I was wondering if its possible to change the color of this part of my menu on mobile. 

Screen Shot 2021-11-06 at 18.19.58.png 
Screen Shot 2021-11-06 at 18.17.04.png

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.

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
24918 2497 9034

This is an accepted solution.

@Dike 

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


 

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

View solution in original post

KetanKumar
Shopify Partner
24918 2497 9034

This is an accepted solution.

@Dike 

i can see its work

KetanKumar_0-1636282269190.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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 7 (7)
KetanKumar
Shopify Partner
24918 2497 9034

@Dike 

sorry for  that issue 
can you please share store url?

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ollie
Shopify Staff
414 47 73

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:

06-28-31699-5767

Once you select this option, you should then be able to choose which colour you would like the menu to be.

06-29-28406-63317

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

Dike
Excursionist
61 0 23

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!

Dike
Excursionist
61 0 23

Sorry for forgetting to add the URL: https://glowee.nl/

Thank you.

KetanKumar
Shopify Partner
24918 2497 9034

This is an accepted solution.

@Dike 

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


 

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

View solution in original post

Dike
Excursionist
61 0 23

Thank you so much again.

Both codes worked perfectly! 

 

KetanKumar
Shopify Partner
24918 2497 9034

This is an accepted solution.

@Dike 

i can see its work

KetanKumar_0-1636282269190.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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post