モバイル表示を改善するためのCSS変更を以下に示します。
このテーマは大好きですが、いくつか小さな不具合に気づいたため、私の好みに合わせて少し見栄えを良くするために、以下のCSSを追加しました。同じような好みの人がいれば役立つことを願っています。
元の（未編集）コード
上の画像で以下の点に注意してください：
- 返信を表す数字1が左に寄りすぎている。
- トピックの吹き出しが青い背景にわずかに重なっている。
- コンテンツと青い背景の間にパディングがない。
- カテゴリページでは青い背景が見栄えが良くない。ただし、ホームページでは気に入っています。
モバイルタブに追加したCSSコードはこちらです。
/* カテゴリ、サブカテゴリ、タグ、検索、最新、新規トピック、通知エリアにパディングを追加 */
.list-controls {
padding: 5px;
}
/* トピックエリアにパディングを追加 */
div#list-area {
padding: 6px;
}
/* 返信数を右に寄せます */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
更新後（CSS追加後）
もしあなたも青い背景を削除したい場合は、カテゴリページからのみ削除するコードはこちらです。
/* カテゴリのみ青い背景を削除 */
html .category .background-container {
background: #fff;
clip-path: none;
}
