Changing Color of the Hamburger Menu on Certain Pages on Mobile Version

So I have this page, where the background color changes.

I have a hamburger menu on the desktop version, and have added 2 - each one in different color. When the background is the same as the menu button, I simply hide it on that specific page, and have another one in a different color.

This doesn’t apply to the mobile version though.

Is there a way to code the default hamburger menu to have a different color on a specific page?

It says that the menu button can only be changed in the master page.js and not on the specific page.

Is there a way to code the menu to have the color #38584D on certain pages, and white on others?

I can’t seem to find a workaround, and

$w ( “#mobileMenu1” ). style . color = “#38584D” ;

Doesn’t work. Neither in the pages code or the master code.

Help is greatly appreciated!

Cheers!

There is no way for you…
https://www.wix.com/velo/reference/$w/menu

You will have to create your own CUSTOM-MENU if you want to get your functionality.

Any tips on creating custom menu? Can’t seem to find anything…

Thank you for your answer!

@hi99445
There are a lot of different varieties how to construct your own custom-menu

  1. Using an HTML-Component (+DB-connection/DATASET)
  2. Using an Custom-Element (+DB-connection/DATASET)
  3. Using a REPEATER + DATABASE (or DATASET)
  4. Using a → MULTISTATE-BOX (+DB-connection/DATASET)
  5. Using just buttons (+DB-connection/DATASET)

And surely there are even more possibilities regarding a mix of all presented verions.

It’s on you how → COMPLEX ← you want to design your Custom-Menu.

Or you want even to CREATE a MEGA-MENU (including connections to a DB) ?

Take a look here for example:

This is a basic example for a MEGA-MENU. You can expand it’s functionalities, functions and features.

You will recognize that like i already assumed, there are even more elements, which can be used to create a MENU. In this example → STRIPES ← are also used.

Good luck!