Quel link al Blog viene visualizzato nell’angolo in basso a sinistra del suo elemento genitore su mobile. Non riesco a capire il motivo.
Su desktop si visualizza correttamente.
Solo per completezza: ho un altro link che è visibile solo su desktop (quindi display: none su mobile) con un CSS personalizzato per spostarlo leggermente: margin-left: 100px;. Se disattivo il CSS personalizzato, non cambia nulla, il che era prevedibile.
HTML dei Link Personalizzati nell’Header:
<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>
Niente di particolare per il CSS del secondo elemento li, e il CSS del link a contenuto è il seguente:
.custom-header-links .headerLink a {
padding: .35em .6em;
color: var(--header_primary);
font-size: var(--font-up-1);
}
È un bug o sto trascurando qualcosa?