O link do Blog aparece no canto inferior esquerdo do seu elemento pai no modo móvel. Não consigo entender o motivo.
No desktop, ele exibe corretamente.
Por precaução: tenho outro link que só aparece no desktop (ou seja, display: none no móvel) com CSS personalizado para deslocá-lo um pouco: margin-left: 100px;. Se eu desativar o CSS personalizado, nada muda, o que é de se esperar.
HTML dos Links Personalizados do Cabeçalho:
<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>
Nada de especial no CSS para o segundo elemento li, e o CSS do link a contido nele é o seguinte:
.custom-header-links .headerLink a {
padding: .35em .6em;
color: var(--header_primary);
font-size: var(--font-up-1);
}
É um bug ou estou esquecendo de algo?