カテゴリの説明がモバイル版では表示されない

[Bärbel_Hucke]

こんにちは、カテゴリの説明がモバイル版に表示されません。お手伝いいただけますか？CSSにはあまり慣れていませんが、毎日少しずつ学んでいます。

デスクトップ

モバイル

サポートありがとうございます。

[Bcat]

このコードを CSS に追加してみてください:

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

[Bärbel_Hucke]

ありがとうございます！

もう2つ質問してもよろしいでしょうか？

• アイコンのすぐ横に説明文を含めることは可能ですか？
• 青いボタンのフォントの色を変更するにはどうすればよいですか？テーマの色設定でこのボタンが見つかりませんでした

よろしくお願いいたします！

[Bcat]

これら 2 つは離れているため、CSS だけで変更するのは非常に困難です。あるいは、他のコンポーネントを壊してしまう可能性があります。
一般的に、これは一時的な変更です。
ボタンの背景色が変更されたため、CSS クラスを使用してテキストの色を調整できます。

.list-controls .container #create-topic {
    color: #fff;
}

変数 color: Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

とても助かりました！ありがとうございます！

[UnitedFreedom (James)]

@Bcatさん、モバイル用の説明を追加する便利なCSSコードをありがとうございます。

モバイルで、説明を画像の下ではなく、画像の右側に表示することは可能でしょうか？

このように？

[Jack_Sparrow]

簡単なCSSで可能です。
画像を左にフロートさせ、親divのpositionをrelativeにします。

[John_Shankman]

@Bcat

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

これには感謝します