如何在Header中隐藏登录按钮

我们如何隐藏标题中的登录按钮,并在其他地方显示它们,例如汉堡菜单?

假设您想要的是移动端(如截图所示),请将此代码添加到主题组件的“移动 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 个赞