WordPressテーマSANGOの質問

トップページの記事一覧カードをスマホでも縦二列に変更したい

のっち

2020/05/27

新着記事に記事が表示される時、スマホで見る時もパソコンで表示されるのと同じように縦二列で表示されるように変更したいです。
追加のCSSなどはありますでしょうか？

SANGO 質問ガイドライン

コメントへの回答

サルワカくん

2020/05/28

以下のCSSをダッシュボードの［外観］⇒［カスタマイズ］⇒［追加CSS］もしくは子テーマのstyle.cssに貼り付けることで、新着記事をスマホでも横並びにできるかと思います。

.cardtype {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cardtype__article {
    float: left;
    width: 46%;
    margin: 0 1.8% 25px;
}

.cardtype__article h2 {
    font-size: 14px;
}
.cardtype__article time,
.cardtype__article h2 {
    margin: 8px;
}

.cardtype__article .catname {
    font-size: 10px;
    top: 8px;
    left: 5px;
}

よろしくお願いします。

のっち

2020/05/29

迅速な対応ありがとうございました。

SANGO愛用させていただきます。

コメント一覧ページへ