كيفية إخفاء "الأحدث" و "الأعلى" و "الفئات" والقائمة المنسدلة في الصفحة الرئيسية

[AmzDis]

مرحبًا أيها الأصدقاء، نود إخفاء العناصر «الأحدث»، «الأعلى»، و«التصنيفات» من الصفحة الرئيسية لموقعنا https://amzdis.com (خصومات أمازون). ما هو كود CSS الذي يجب إضافته في قسم تخصيص الإعدادات؟

انظر لقطة شاشة سطح المكتب

انظر لقطة شاشة الجوال

[AmzDis]

لقد أضفت تنسيق CSS المخصص أدناه، وتمكنت فقط من إخفاء قائمة الاختيارات المنسدلة من الصفحة الرئيسية (على سطح المكتب)، لكن القائمة لا تزال تظهر على الهاتف المحمول.

.navigation-topics ol.category-breadcrumb {
display: none;}

اختفت القائمة المنسدلة على سطح المكتب.

لكن القائمة لا تزال تظهر على الهاتف المحمول.

[Jonathan5]

أعتقد أنك بحاجة إلى استخدام إعداد الموقع هذا.

القائمة العلوية

حدد العناصر التي ستظهر في تنسيق الصفحة الرئيسية، وبأي ترتيب. مثال: الأحدث|الجديد|غير المقروء|التصنيفات|الأعلى|المقروء|المنشور|الإشارات المرجعية

[AmzDis]

شكرًا لك، Jonathan5.

أنت محق.

بعد إعداد القائمة العلوية، يجب أن تحتوي على قيمة واحدة وهي “الأحدث”.

كيف يمكنني إخفاء “الأحدث” في الصفحة الرئيسية لأن “الأحدث” هو الخيار الوحيد والمواضيع الافتراضية؟

[Jonathan5]

لا أعرف، لكن أظن أنها CSS. غالبًا ما تختلف تنسيقات CSS للهاتف المحمول عن تلك الخاصة بسطح المكتب. على الأرجح يحتوي متصفح سطح المكتب لديك على زر لتقمص جهاز محمول لاكتشاف اسم الفئة/المعرف (class/id) الخاص بـ CSS.

[ondrej]

سطح المكتب

.nav-pills>li a.active {
    color: var(--secondary);
    background-color: var(--quaternary);
    display: none;
}

الجوال

.list-controls .nav-pills .navigation-toggle {
    flex: 0 1 auto;
    display: none;
}