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

ホーム フォーラム 使い方全般 スマホでの商品レイアウト変更の仕方とカスタム投稿タイプのアーカイブページが表示されない件に 返信先: スマホでの商品レイアウト変更の仕方とカスタム投稿タイプのアーカイブページが表示されない件に

#88379

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