إزالة شعار الهاتف المحمول باستخدام CSS

ما مدى سهولة إزالة الشعار في إصدار المحمول مع الاحتفاظ به في إصدار سطح المكتب؟ أفهم أنه من الممكن ببساطة “حذف” الملف المرفق لشعار الهاتف المحمول، لكنه سيصبح الافتراضي لشعار سطح المكتب.

لقد جربت

#logo {
display: none;
}

وكذلك

.logo-pane {
display: none;
}

ولم ينجح أي منهما - تم وضع كلاهما في قسم المحمول. مع العلم أنني لست الأكثر إتقانًا لـ CSS. :wink:

إعجاب واحد (1)

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

لا أعتقد أن إزالة الشعار من نسخة الجوال ستوفر تجربة رائعة لمستخدميك. ما هي المشكلة التي تحاول حلها؟

7 إعجابات

يبدو أنه لا يعمل، للأسف. لقد حاولت أيضًا استخدام site-logo و logo-big.

نظريًا، أنا أتفق معك بنسبة 150% - فمثال Discourse الخاص بنا يعمل داخل WebView مع عناصر واجهة مستخدم خارجية تحيط به، مما يجعل بعض الجوانب الافتراضية للواجهة زائدة عن الحاجة.

(معظم المستخدمين، إن لم يكن جميعهم، يستخدمون الهواتف المحمولة)

تعديل: جربت مرة أخرى باستخدام site-logo وعمل بشكل مثالي!

مرحبًا،

يمكنك تجربة إضافة الكود التالي إلى لوحة التحكم > المظهر > تخصيص > حقل CSS الإضافي:

div#logo {
display: none;
}

شكرًا لك!

إعجاب واحد (1)