モバイルカテゴリページのスタイルを設定するにはどうすればよいですか?

デスクトップのカテゴリページスタイルを「ボックスと注目のトピック」に設定したDiscourseフォーラムをセットアップしました。これはデスクトップではうまく機能しており、CSSでデスクトップビューに必要なものに変更しました。

しかし、モバイルビューに切り替えると、「ボックスと注目のトピック」の見た目が失われ、「カテゴリのみ」のページスタイルのようなものになります。モバイルビューも「ボックスと注目のトピック」に設定する簡単な方法はありますか?

モバイルのカテゴリページは、現時点では実質的に1つのスタイルしかありません。デスクトップの「注目のトピックボックス」オプションに最も近いですが、いくつかの追加の統計情報が含まれています。以下は、デスクトップとモバイルでカスタマイズされていない場合の表示です。

デスクトップのカスタマイズと同様の方法でスタイル設定するのが難しい側面について、詳しく教えていただけますか? いくつかヒントを提供できるかもしれません。

「いいね!」 1

同様の状況に直面しています。私たちのサイトでは、人々がカテゴリーを選択できるように、主要なカテゴリーをリストするリンクを少なくした、よりシンプルなフロントエンドにしたいと考えています。カテゴリーの説明も表示したいです。

しかし、モバイルでは、カテゴリーのみを表示させることができず、注目のトピックが表示されたカテゴリー(説明なし)になってしまいます。

したがって、上記から推測すると、モバイルではこれが唯一の選択肢なのでしょうか?

この小さなコンポーネント Mobile Category List Adjustments で、必要なものを得るのに十分な機能があるかもしれません。どう思うか見てみてください。

「いいね!」 1

ありがとうございます。それは非常に近いです。

必要なのはカテゴリの説明です。今はアイコンとタイトルだけです。しかし、今のところトップ3トピックを表示するだけでも我慢できると思います。モバイルテーマがここで制限されているとは知りませんでした。

「いいね!」 1

こんにちは! :slight_smile:
CSSの扱いはわかりますが、モバイルでの扱い方がわかりません。カテゴリ間のギャップをなくし、デスクトップと同じようなレイアウトにし(そしてインターフェースをもう少し圧縮したい)、CSSでどの要素を呼び出せばよいか、または少なくともそれをどのように取得すればよいか教えていただけますか?

これが役に立つかもしれません。私も同じことをしたかったのです Enhanced category-box display component - #11 by Fma965

「いいね!」 2