Ese enlace del blog se muestra en la esquina inferior izquierda de su elemento padre en dispositivos móviles. No logro entender por qué.
En escritorio se visualiza correctamente.
Por si acaso: tengo otro enlace que solo aparece en escritorio (es decir, display: none en móvil) con CSS personalizado para desplazarlo un poco: margin-left: 100px;. Si desactivo el CSS personalizado, no ocurre ningún cambio, lo cual era de esperar.
HTML de los enlaces personalizados del encabezado:
<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>
No hay nada especial en el CSS del segundo elemento li, y el CSS del enlace a contenido es el siguiente:
.custom-header-links .headerLink a {
padding: .35em .6em;
color: var(--header_primary);
font-size: var(--font-up-1);
}
¿Es un error o me estoy perdiendo algo?