ハンバーガーメニューアイコンをモバイルの場所に合わせる

時々、ロゴの代わりにそれをクリックしてしまいます。このアイコンを右側に移動させる方法はありますか?モバイルではすでに右側にあります。私のDiscourseのインストールでは、ロゴだけがトップナビゲーションバーの左上にあるクリック可能なものにしたいです。

CSSでハンバーガーメニューを非表示にすれば、トグルをオンにできると思います。

「いいね!」 4

そしてもちろん、これらすべてはデスクトップにのみ関係します。なぜなら、モバイルでこのようなことを行うと…まあ、モバイルユーザーが二度といないことを確実にするための非常に効果的な方法になるでしょう :smirking_face:

以前にも言及しましたが:

…デスクトップでもモバイルと同じハンバーガーメニューの位置であれば、それが私の好みです:

image

ウェブサイトでは、デスクトップの左上はロゴのプライムロケーションであり、ロゴは一般的に最も左上にあるクリック可能なオプションです。カラムがどちら側にあっても、その隣にメニューがあるのは好きではありません。

モバイルでは、ハンバーガーメニューはトップメニューバーの右側にあっても全く問題ありません。デスクトップの位置をそのままモバイルに適用した場合、誤クリックはデスクトップよりもモバイルの方がはるかに問題になると思います。:smirk:

ロゴ(ホーム)は、ハンバーガーアイコンよりもはるかに頻繁にクリックするものです。ハンバーガーメニューのトグルは、カラムを常に開いたままにしているのでクリックする必要がありませんが、ロゴの左側という優先度/プライムロケーションにあるため、誤ってクリックされることが時々あります。

ありがとうございます。:pray: CSS を使用して、デスクトップでのハンバーガーの場所がモバイルと同じになるように解決できました。
A blank search bar with a URL bar next to it. (Captioned by AI)

「いいね!」 1

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.