Twenty Seventeenのグローバルナビゲーションにsite-navigation-fixedクラスが付与されなくなる

wordpressでtwentyseventeenテーマを使用してサイトを作成しています。
グローバルナビゲーションのCSSをカスタマイズしたところ、ナビゲーションにsite-nabigation-fixedクラスが付与されなくなり、
画面をスクロールするとナビゲーションが固定されなくなってしまいました。
カスタマイズは、メニューの高さより短いボーダーを書き出したかったので、
li要素のheightを13pxにして、margin-topで上下位置を調整し、内側のa要素にネガティブマージンを設定することで文字の上下中央とボーダーの中央を同じ高さにする、
ということを意図しています。

.main-navigation li {
display: inline-block;
border-left: solid;
height: 13px;
margin-top: 20px;
}

.main-navigation a {
padding: 0em 2.5em;
margin-top: -20px;
}

しかし、こちらを追記したところ、ナビゲーションに件のクラスが付与されなくなってしまいました。
このクラスが付与されるためには何か条件があるということでしょうか？

https://teratail.com/questions/98870
こちらの質問で、ナビゲーションが２行になると固定されなくなるという条件を知ったのですが、
今回はその条件に当てはまっていません。