Changing background color of menu

[Dike]

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.

[KetanKumar · 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;
}

[KetanKumar]

@Dike 

sorry for  that issue 
can you please share store url?

[Dike]

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

Thank you.

[KetanKumar · 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;
}

[Dike]

Thank you so much again.

Both codes worked perfectly! 

[KetanKumar · Accepted solution]

@Dike 

i can see its work

[Ismaeel]

thanks for the solution, but that did not seem to work for me. 

[Ollie]

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.

[Dike]

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!