CSSでモバイルロゴを非表示にする

貢献 UX
1

ロゴをmobileバージョンから削除し、desktopバージョンでは残すのはどれくらい簡単でしょうか？モバイル用のロゴとしてアップロードされたファイルを「削除」するだけで可能だと理解していますが、そうするとデフォルトでデスクトップ用のロゴが表示されてしまいます。

私は以下を試しました

#logo {
display: none;
}

および

.logo-pane {
display: none;
}

どちらも機能しませんでした。どちらもMobileセクションに配置しました。正直なところ、私はCSSにはあまり詳しくありません。:wink:

「いいね！」 1
2

テーマの「モバイル CSS」タブに最初の CSS ルールを追加すれば、ロゴを非表示にできるはずです。デスクトップコンピュータでテストする場合は、サイトの URL に mobile_view=1 を追加して、モバイル CSS を読み込んでください。

モバイルからロゴを削除することは、ユーザーにとってあまり良い体験にならないと思います。どのような問題を解決しようとしているのでしょうか？

「いいね！」 7
3

残念ながら、うまくいかないようです。site-logo と logo-big も試してみましたが、同じ結果でした。

理論的には、150% おっしゃる通りです。私たちの Discourse インスタンスは WebView 内にあり、外部の UI 要素に囲まれているため、UI の特定のデフォルト要素が冗長になっています。

（ユーザーのほとんど、あるいは全員がモバイルユーザーです）

編集： site-logo で再試行したところ、完璧に動作しました！

4

こんにちは、

以下のコードを「管理パネル」>「外観」>「カスタマイズ」>「追加 CSS」フィールドに追加してみてください。

div#logo {
display: none;
}

ありがとうございます！

「いいね！」 1