ありがとうございます。

頑張ってみます。

カスタマイズは、どのように、なさっても自由かと思います。


良いと思ったことを書かせていただいた、というだけですので・・

Cocoonのトップメニューとヘッダー固定を組み合わせて使えば、似たようなデザインには、できるような気がします。（スクロールしたときに、グローバルメニューが一旦、消えて、上から降りてくるような感じではありますが）

グローバルメニューのCSSのカスタマイズでの固定をやめて(お書きになったCSSのコードをコメントアウトして)Cocoonのヘッダー固定機能だけを使ってみてはいかがでしょうか？

Cocoonの標準の機能を使った方が、上手くいくような気がします。

アドバイスありがとうございます。

別の方法を模索してみます。

ですので、

#container {
  padding-top: 62px;
}

の指定を使わずに済む方法を見出した方が、私は無難だと思います。

とりあえず、

#container {
  padding-top: 62px;
}

は、削除して、別の方法で、余白を無くすことができないかを探った方が良いような気がします。

こちらは、Cocoon設定＞ヘッダー＞ヘッダーの固定のチェックを外す

で改善できました！

私の環境では

#container {
  padding-top: 62px;
}

を指定している場合、PCで、一旦、下方へスクロールしたあと、上にスクロールすると、サイト上部に余白ができてしまうようです。

ご返信ありがとうございます。

試してみます！