Page scroll interaction variable change not working in live version

Hi all - we are using a page scroll interaction to make the top header on a page shrink. This works for the most part, but when trying to change a variable (the variable we use for the top bar padding), that is not working in the live version.

In the editor, it works when selected (when you select the entry in the Interaction editor, it shows correctly on screen), but in the live version that padding isn’t changing. I have tried applying both to the element selected and the class. Public share link below, and here is the live page: Guide to Dogs - Partners

Thanks for any advice!


Here is my public share link: LINK
(how to access public share link)

For now I implemented a workaround, Moving the elements inside instead of changing the padding