See below for submenu colour standards.
Local 333 Units - Fixed SideBar Submenu
The menu/navigator on the right (a "fixed sidebar menu") uses embedded HTML (including JavaScript for style management). WIX sees this as an Embedded Widget.
The advantage of this menu over a simple text menu is much better presentation. The disadvantage is that it takes slightly better technical knowledge to update the menu.
For both types of submenus, adding/removing pages (or changing a page's URL) requires updating the submenu links in one of the subpages, then copy-pasting from that page into all the destination pages that use the same submenu -- removing/replacing the old submenu in the process.
Before copying-and-pasting as noted above:
Changing the pages in this type of submenu requires updating the embedded code. Click on the menu, then click "Edit Code". You'll see a section near the bottom of the code <div class="sidenav">. Within the <div> you will see one line for each linked sub page. One of the subpages will likely be self-reference to the page that you are looking at. In that case the href tag might have been removed, and a style added for color and background-color. This is optional, different for each submenu on a page-by-page basis so that the reader can tell by looking at the menu which subpage they are on.
Notes for Future:
-
It would be good to find a way to place the <style> of the JavaScript in Widget into WIX as a common header for all pages. Unfortunately, WIX does not natively support this at the time of writing (2021-August).
-
I'm not happy that the submenu pages must be defined absolutely (versus referentially, without having to specify the domain name). So far, I haven't found a way around this in WIX that's practical -- let alone allowing the submenus to be maintained by someone who's comfortable poking around simple code (2021-August by DougB).
Side-bar menu colours
(as used on right-side submenus for the different units of the local)
BCTransit Menu
These colours are chosen to roughly match the colours used on BC Transit's web-site, using colours from Unifor's identity standard (XYZZY make a link).
-
Background Colour (menu): 002855 (Unifor midnight blue)
-
Font Colour (menu): CBC4BC (Unifor light charcoal grey)
-
Background Colour (on hover): <not defined>
-
Font Colour (on hover): C31A1A (Unifor red)
-
Background Colour (active page): 767676 (grey)
-
Font Colour (active page): FFFFFF (white)
HandyDART (both Victoria and Duncan submenus)
These colours are chosen to match the colours from the side of a BC Transit bus.
-
Background Colour (menu): 099846 (green)
-
Font Colour (menu): 1F243E (dark blue)
-
Background Colour (on hover): <not defined>
-
Font Colour (on hover): F1F1F1 (almost white)
-
Background Colour (active page): 767676 (grey)
-
Font Colour (active page): FFFFFF (white)
MediVan
These colours are chosen to match the colours from the side of a MediVan and the MediVan site.
-
Background Colour (menu): 11707C (darkish turquoise, played with 0896A3 as a lighter alternative)
-
Font Colour (menu): 000000 (black)
-
Background Colour (on hover): <not defined>
-
Font Colour (on hover): F1F1F1 (almost white)
-
Background Colour (active page): 767676 (grey)
-
Font Colour (active page): FFFFFF (white)