تخطيط صفحة الهاتف المحمول لا يستخدم الثيم

[alex_VIDAL]

مرحباً،
لقد قمت بإنشاء سمة مخصصة وهي تعمل بشكل جيد على سطح المكتب، ومع ذلك يبدو أنه على الهاتف المحمول لا يتم تطبيق بعض التجاوزات (باستخدام PluginOutlet) على الهاتف المحمول (سفاري). على سبيل المثال، تبدو صفحة الفئة الخاصة بي على سطح المكتب كما يلي:

كلا من سطح المكتب والهاتف المحمول تم ضبطهما على:

هل لديك أي فكرة عما أفعله بشكل خاطئ؟

شكراً لك

[manuel (Manuel Kostka)]

حتى إذا قمت بتعيين نفس التخطيط لسطح المكتب والجوال في إعدادات المسؤول الخاصة بك، فمن المحتمل أن القوالب المستخدمة ليست هي نفسها. ستحتاج إلى فحص كلا القالبين وتعديل إعلاناتك وفقًا لذلك.

[alex_VIDAL]

نعم، أرى أن pluginOutlet مختلف.
ومع ذلك، لا يبدو أن ملفات CSS يتم تحميلها من السمة.

[awesomerobot (Kris)]

@alex_VIDAL

ومع ذلك، لا يبدو أن CSS يتم تحميلها من السمة.

تحتوي القوالب على بعض الاختلافات التي قد تتطلب CSS مختلفًا لسطح المكتب مقابل الهاتف المحمول، لذلك سيتعين عليك فحص الصفحة وإضافة CSS مختلف للهاتف المحمول (يمكنك الحصول على عرض الهاتف المحمول على جهاز سطح مكتب بإضافة ?mobile_view=1 إلى نهاية عنوان URL)

إذا كنت تزيل الحدود على سطح المكتب على سبيل المثال، يمكنك القيام بما يلي:

.category-list tbody .category {
  border: none;
}

ولكن على الهاتف المحمول سيتعين عليك القيام بما يلي:

.category-list-item {
  border: none;
}

في مرحلة ما أعتقد أننا سنجعل هذه القوالب متسقة عبر جميع الأجهزة، ولكن هذا ما هو مطلوب للحالة الحالية للأمور.