Versatile Banner の CSS で、.banner-box にマージンが競合しています。
.banner-box {
margin: 0 auto;
margin-top: 20px;
}
残念ながら、これは（main-outlet のパディングにより）トップマージンが二重になり、バナーとナビゲーションピルとの間にマージンがなくなってしまうようです。代わりにこちらを提案してもよろしいでしょうか？
.banner-box {
margin: 0 auto 20px;
}