画面スクロールで収縮するヘッダーを作成したが、作動しません。設定の不備があれば修正したい

実現したいこと

ステッキーを使って作成。
動作しない原因で自分で調べられる範囲は限界です。自分が気が付かない不動の原因を突き止めたいです。

発生している問題・分からないこと

スクロールしてもヘッダーの収縮がありません。
コードが長いので、こちらに貼り付けます。
リンク内容https://jsfiddle.net/5e41sgxh/10/

該当のソースコード

cssが多くて見ずらいですが、よろしくお願いします。

試したこと・調べたこと

上記の詳細・結果

動作しない条件を自分なりに調べたが、見落としがあるかもしれません。

補足

特になし