How do I make my nav with interactions editable/viewable in the editor?

Hi! I am creating a site for a client and the nav-bars bg and txt colors change with a while scrolling interaction. This will be used by the client in the client editor where something is off. Seems like the 0% scroll part of the interaction is applied, the original styling without interaction is not shown and the interactions themselves are not working. Result: White text on a white background in the editor. What can I do to fix this? Read-only link:

Published nav

Published and scrolled nav