ヘッダーでログインボタンを非表示にする方法

ヘッダーのログインボタンを非表示にして、代わりにハンバーガーメニューなどの別の場所に表示するにはどうすればよいですか?

モバイル用(スクリーンショットから判断)をご希望の場合は、このコードをテーマコンポーネントの「Mobile 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