そのブログへのリンクは、モバイルでは親要素の左下に表示されます。なぜそうなるのかが分かりません。
デスクトップでは正常に表示されています。
参考までに：デスクトップ専用の別のリンク（モバイルでは display: none）があり、カスタム CSS で少しずらしています：margin-left: 100px;。カスタム CSS をオフにしても何も変化はありませんが、これは予想通りです。
カスタムヘッダーリンクの HTML：
<ul class="custom-header-links">
<li class="headerLink headerLink--vdo 👆adapter-son-yoga.com--custom-header-links headerLink--undefined">
<a title="Adapter Son Yoga" href="https://adaptersonyoga.com/" target="_blank">
👆adapter son yoga.com
</a>
</li>
<li class="headerLink headerLink--vmo blog-custom-header-links headerLink--undefined">
<a title="blog" href="https://adaptersonyoga.com/" target="_blank">
Blog
</a>
</li>
</ul>
2番目の li 要素には特別な CSS は設定されておらず、含まれる a リンクの CSS は以下の通りです：
.custom-header-links .headerLink a {
padding: .35em .6em;
color: var(--header_primary);
font-size: var(--font-up-1);
}
これはバグでしょうか？それとも何か見落としているのでしょうか？