كيفية إخفاء زر Login في الهيدر

[thaidb]

كيف يمكننا إخفاء زر تسجيل الدخول في الرأس وعرضه في قائمة أخرى، على سبيل المثال قائمة الهامبرغر؟

[Lilly (Lillian)]

بافتراض أنك تريد هذا للجوال كما يشير لقطة الشاشة الخاصة بك، أضف هذا الرمز إلى علامة تبويب CSS للجوال لمكون سمة:

ثم قم بإنشاء رابط مخصص لقسم الشريط الجانبي العلوي:

إنه هنا…

انقر عليه وهناك النافذة المنبثقة:

[Lilly (Lillian)]

، لإظهار رابط الشريط الجانبي لتسجيل الدخول للمستخدمين المجهولين فقط، يمكنك استخدام هذا الرمز بدلاً من ذلك:

.sidebar-section-link-wrapper[data-list-item-name="login"] {
    display: none;
}
.anon .sidebar-section-link-wrapper[data-list-item-name="login"] {
    display: flex;
}

.d-header .login-button {
    display: none;
}

أعتقد أن data-list-item-name حساس لحالة الأحرف، لذا إذا كان رابطك هو “Login” فيجب أن يكون هو نفسه في رمز CSS.