يظهر رابط المدونة في الزاوية اليسرى السفلية من عنصره الأب على الأجهزة المحمولة. لا أستطيع معرفة السبب.
يظهر بشكل صحيح على سطح المكتب.
على أي حال: لدي رابط آخر خاص بسطح المكتب فقط (أي display: none على الأجهزة المحمولة) مع تنسيق CSS مخصص لإزاحته قليلاً: 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>
لا يوجد شيء خاص بتنسيق CSS للعنصر li الثاني، وتنسيق CSS للرابط a الموجود بداخله هو كالتالي:
.custom-header-links .headerLink a {
padding: .35em .6em;
color: var(--header_primary);
font-size: var(--font-up-1);
}
هل هذا خطأ برمجي أم أنني أفوت شيئاً؟