ヘッダーのログインボタンを非表示にして、代わりにハンバーガーメニューなどの別の場所に表示するにはどうすればよいですか?
モバイル用(スクリーンショットから判断)をご希望の場合は、このコードをテーマコンポーネントの「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





