كيف يمكننا إخفاء زر تسجيل الدخول في الرأس وعرضه في قائمة أخرى، على سبيل المثال قائمة الهامبرغر؟
بافتراض أنك تريد هذا للجوال كما يشير لقطة الشاشة الخاصة بك، أضف هذا الرمز إلى علامة تبويب CSS للجوال لمكون سمة:
ثم قم بإنشاء رابط مخصص لقسم الشريط الجانبي العلوي:
إنه هنا…
انقر عليه وهناك النافذة المنبثقة:
6 إعجابات
، لإظهار رابط الشريط الجانبي لتسجيل الدخول للمستخدمين المجهولين فقط، يمكنك استخدام هذا الرمز بدلاً من ذلك:
.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.
5 إعجابات