ワードプレス教室 ではOnetoneというテーマを使ってサイト作成しています。最近、そのテーマのアップデートがありました。結果、スマホでの表示がおかしくなりました。@mediaが欠けているようです。取り急ぎ自分で調べてわかった範囲で次のように補いました。
@media screen and (max-width:600px) {
.full_width,.one_half,.one_third,
.two_third,.one_fourth,.three_fourth,
.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth {
clear:both;
width:100% !important;
margin-left:0;
margin-right:0;
margin-bottom:1em;
}
}
@media screen and (max-width: 719px) {
.banner-box h1 {
font-size: 18px;
}
}
@media screen and (max-width: 719px){
.portfolio-list {
width: 100%;
}
.portfolio-list li {
width: 100%;
margin-right: 0;
}
textarea.wpcf7-form-control.wpcf7-textarea.myform {
width: 94%;
}
}