スマホ時に記事一覧部分(リッチメディア)を1カラムで表示する

記事一覧部分のレイアウトがリッチメディアのとき、通常スマホでは2カラムで表示されます。

通常時
カスタマイズ後

カスタマイズ方法

CSS

1カラムに表示するようにするには、追加 CSS に下記の CSS を貼り付けてください。

@media (max-width: 639px) {
  .c-entries--rich-media .c-entries__item {
    flex-basis: 100%;
    max-width: 100%;
  }
}

この記事を書いた人

キタジマ タカシ

長崎県長崎市在住。地元のWeb制作会社でWebデザイナー/エンジニアとして従事した後、2015年にフリーランス [ モンキーレンチ ] として独立。WordPress のテーマやプラグイン、ライブラリ、CSS フレームワーク等、多数のプロダクトをオープンソースで開発・公開しています。

Snow Monkey オンラインコミュニティ

Snow Monkey をより良いテーマにするために、今後の機能開発等について情報共有したりディスカッションをしたりする場所です。より多くのユーザーの交流があったほうがより良いプロダクトに育っていくと思いますので、ぜひご参加ください!