The following worked for (left side) group B, “#buttonL1” (as referenced in the CSS):
In the innerHTML of #buttonL1:
1 - Removed the anchor tag and replaced it with a span tag. The other “buttons” in group B did not have an anchor tag; not sure why you used it except as a ID “holder” for test purposes?
2 - Removed the styles for “#buttonL1” in the HeadHTML.
“Meal Collection” now changes color with the page scrolling and will change color with a mouse hover.
EDIT: Additional Note
Have had a bit more time to experiment and… using Hype’s “Button Controls” (“Edit” Menu) for a given element (Normal, Hover & Pressed states) worked just as well as using the inline CSS I demo’d above.