[HELP ME!] Change menu background and menu items with different colors on each page

Site URL: https://awmenikah.squarespace.com/

Hi everyone,

I have a case that I want to change my mobile menu background and menu items  colors differently for each page. Is there any ways to do it? 

My site URL: awmenikah.squarespace.com

Pass: sikatmbuy

Thank you in advance!

Cheers,

Wendy

Maybe @tuanphan might help 🙏

On 7/25/2021 at 4:36 PM, wndprtm said:

Site URL: https://awmenikah.squarespace.com/

Hi everyone,

I have a case that I want to change my mobile menu background and menu items  colors differently for each page. Is there any ways to do it? 

My site URL: awmenikah.squarespace.com

Pass: sikatmbuy

Thank you in advance!

Cheers,

Wendy

Hi. You mean overlay menu + overlay menu items when clicking burger icon?

Do you want to change both overlay + burger icon?

Do you use Personal or Business plan? Each plan will have a different solution

Yes, overlay menu when clicking burger icon. I want to change overlay menu with different colors in each pages. I use personal plan. Thank you @tuanphan!

14 hours ago, wndprtm said:

Yes, overlay menu when clicking burger icon. I want to change overlay menu with different colors in each pages. I use personal plan. Thank you @tuanphan!

Edit page you want to change color >> Add a Code Block (top or bottom of page, anywhere) >> Paste this code

<style>
  .header-menu-bg.theme-bg--primary {
    background-color: red !important;
}
  div.container.header-menu-nav-item * {
    color: green !important;
}
</style>

Hi @tuanphan could you please tell me how I would achieve this with a business plan?

On 6/19/2022 at 12:59 PM, micahsjs said:

Hi @tuanphan could you please tell me how I would achieve this with a business plan?

Hover Page Name on Pages > Main Navigation or Not Linked > Click Gear icon > Advanced > Add code to right box