Эта ссылка на блог отображается в левом нижнем углу родительского элемента на мобильных устройствах. Я не могу понять почему.
На десктопе всё отображается корректно.
На всякий случай: у меня есть ещё одна ссылка, которая видна только на десктопе (то есть display: none на мобильных) и для которой в пользовательских стилях задано смещение: margin-left: 100px;. Если отключить эти пользовательские стили, ничего не меняется, что и следовало ожидать.
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>
Для второго элемента li нет никаких особых стилей, а CSS для содержащейся в нём ссылки a выглядит так:
.custom-header-links .headerLink a {
padding: .35em .6em;
color: var(--header_primary);
font-size: var(--font-up-1);
}
Это баг или я что-то упускаю?