هل توجد طريقة لتغيير موضع صورة التصنيف في صفحة التصنيفات عبر CSS؟
بمعنى آخر، تذهب الصورة افتراضياً إلى “الجانب الأيسر” من اسم التصنيف وتحاول ملء ارتفاع كل من عنوان التصنيف ووصفه. لكن على الهاتف المحمول، تظل الصورة ثابتة في مكانها، وأنا أحاول وضعها إما قبل أو بعد نص عنوان التصنيف، لكنني لا أستطيع تحقيق ذلك.
لقد جربت استخدام category-text-title و category-logo aspect-image، لكنني لا أستطيع محاذاة العناصر بشكل صحيح. أنا أستخدم نمط “التصنيفات والمواضيع الأخيرة”.
يمكنك وضع الصورة قبل اسم الفئة على الهاتف المحمول عن طريق القيام بذلك في ملف الأنماط (stylesheet) المخصص للهاتف في قالبك:
.category-title-link {
// هذا يسمح لك بإعادة ترتيب العناصر ويجبرها على الظهور في نفس السطر
display: flex;
}
.category-text-title {
// تغيير ترتيب العنوان ليظهر بعد الصورة
order: 2;
}
.categories-list .category .category-logo.aspect-image {
// إزالة الهامش الزائد عن الصورة الذي لم يعد مطلوبًا
margin-top: 0;
}
