スマホでの商品レイアウト変更の仕方とカスタム投稿タイプのアーカイブページが表示されない件に

[popon207]

——————————————-
WordPress のバージョン：5.1.2
Welcart のバージョン：1.9.20
PHP のバージョン：7.1
Welcart専用の拡張プラグインとバージョン：Image Uploader for Welcartバージョン 1.4.5
ご利用のテーマ：WALDEN
症状を確認したブラウザ：Google Chrome
サーバー：ロリポップ、スタンダードプラン
SSLの利用：常時SSL
——————————————–

対象のサイト：　https://malrerere.com/

お世話になっております。

２点質問させてください。

①商品ページのスマホでの表示を、横に商品が２つ並ぶように設定をしたいのですが
どのように設定すればよいでしょうか。
（現在は商品が１つずつ縦に並んでいる状態です）
対象のページ：　https://malrerere.com/category/item/

②カスタム投稿タイプで「ブログ」というラベルをつくり、スラッグを「official_blog」としたのですが、
アーカイブページに投稿記事が表示されません。
https://malrerere.com/official_blog/

なにか特別な設定が必要でしょうか。

大変恐れ入りますが、ご教授いただけると幸いです。
どうぞよろしくお願いいたします。

[hsasaki]

① については、
CSSを追加で対応出来ます。
下記コードを外観→カスタマイズ→追加CSSに貼り付けてください。
該当のページのみのコードになります。

@media only screen and (max-width: 768px) {
#content .thumbindex {
width: calc(100% + 20px);
}
}
@media only screen and (max-width: 479px) {
#content .thumbnail_box {
width: calc(50% - 20px);
display: inline-block;
margin: 0 20px 10px 0;
}
}

② については、
こちらのサイトを参考にしてください。
https://www.1-firststep.com/archives/6834

[投稿者]

投稿