أيقونة الهامبرغر لشريط التمرير غير مرئية

[RHEE (SANG HYUN RHEE)]

لقد قمت للتو بإعداد ميزة الشريط الجانبي، واكتشفت أن أيقونة الهامبرغر غير مرئية، كالتالي:

ولكن عندما أمرر مؤشر الفأرة فوق الصندوق، تظهر أيقونته بشكل ما:

كيف يمكنني إظهار الأيقونة حتى عندما لا أضع مؤشر الفأرة فوق الصندوق؟

[Don]

مرحباً،

يبدو أن متغير اللون الخاص بك --header_primary-low-mid (وهو الأزرار الافتراضية للرأس) هو نفس لون متغير اللون --header_primary (الرأس) (#fff). لهذا السبب لا تظهر أيقونة الشريط الجانبي. كما أرى في موقعك، أنت تستخدم متغير اللون --tertiary لأيقونات الرأس الأخرى. يمكنك أيضاً تغيير لون زر الشريط الجانبي. أو يمكنك تغيير لون header_primary-low-mid لجعله مرئياً.

قم بإنشاء مكون سمة جديد أو أضف هذا إلى مكون موجود

سطح المكتب > CSS

.header-sidebar-toggle {
  button {
    .d-icon {
      color: var(--tertiary);
    }
  }
}

[RHEE (SANG HYUN RHEE)]

شكراً على ردك السريع!
لكنني ما زلت لا أستطيع العثور على المتغير الصحيح الذي تذكره:

أي واحد؟

[Don]

حسنًا، كما أرى، لا يمكن لأي من هذه العناصر التحكم في لون أزرار الرأس. هذا مظهر مخصص يمكنك من خلاله تغيير الألوان. أعتقد أن هذا مظهر بعيد، لذا ربما لا يمكنك تغيير متغير اللون color، ولكن يمكنك التحقق منه في صفحة /admin/customize/colors (المسؤول > تخصيص > الألوان). في تلك الصفحة، حدد لوحة الألوان التي تستخدمها وابحث عن المتغير header_primary-low-mid. إذا لم تتمكن من تغييره، فستحتاج إلى الاتصال بمنشئ المظهر.

أو

يمكنك محاولة إضافة مكون مظهر جديد سيغير لون زر الشريط الجانبي.

1. انتقل إلى /admin/customize/themes/
   تخصيص ← مظاهر
2. انقر فوق علامة التبويب المكونات ثم انقر فوق الزر تثبيت
3. في النافذة المنبثقة، انقر فوق علامة التبويب + إنشاء جديد واكتب اسم المكون الجديد.

4. انقر فوق الزر إنشاء.

5. تم إنشاء المكون. الآن حدد المظهر (المظاهر) التي تريد تفعيله فيها.
   

   

6. انقر فوق الزر تحرير CSS/HTML.
   

   

7. انقر فوق علامة التبويب سطح المكتب والصق الكود أدناه في قسم CSS.

.header-sidebar-toggle {
  button {
    .d-icon {
      color: var(--tertiary);
    }
  }
}

8. انقر فوق الزر حفظ. تم الانتهاء

[RHEE (SANG HYUN RHEE)]

رائع، شكراً لمساعدتك. لقد حلّت مشكلتي تمامًا =]