レスポンシブ対応（スマホなどのモバイル端末に対応）していますか？
はい、パソコン、スマホ、タブレット等、各デバイスで使用できます。
デザインシミュレーター画面や商品ページ以外のサイトオーナー様で追加したページは、
メディアクエリ等を使用し、「ページテーマ」のTwig欄にCSS(HTML)記入して、
各デバイス向けにデザインをして頂くことができます。
※デザインや設計は弊社で行っておりませんので、HTML、CSSのスキルがある程度必要です。
なお、弊社デモサイトでは、スマートフォン表示に関連したCSSとして、以下のコードを入力していますので参考としてお使いください。 （細かな数値などは適宜調整ください。）
.mcPage__itemListContent-grid .itemListContent__grid {
flex: 0 1 33.3333%;
}
}
@media screen and (max-width: 480px) {
.mcPage__itemListContent-slide .swiper-wrapper {
flex-wrap: wrap;
justify-content: space-between;
}
.mcPage__itemListContents-
text-align: center;
padding-left: 10px;
padding-bottom: 30px;
display: block;
flex: 0 0 47%;
margin-right: 0 !important;
}
.mcPage__itemListContent-grid .itemListContent__gridArea {
justify-content: space-between;
flex-wrap: wrap;
}
.mcPage__itemListContent-grid .itemListContent__grid {
text-align: center;
/* padding-left: 10px; */
padding-bottom: 30px;
display: block;
flex: 0 0 47%;
}
}
関連FAQ
HTML/CSS編集できますか？