- このトピックには8件の返信、4人の参加者があり、最後に
により3年、 11ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】15.12.1
【お使いの Snow Monkey Blocks のバージョン】13.0.2
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】
【当該サイトのURL】### 発生している問題
セクションブロックにお問い合わせフォーム（Contactform7）を設置したときに、
スマホ表示を確認するとフォームがはみ出ます。
### 試したこと
今回の案件では「コンテンツをスリム型にする」にしていたので、CSSでクラス名「.u-slim-width」の「max-width」を調整することではみ出ることはなくなりました。
今後お問い合わせフォームを設置する場合、このような調整が必要になってくるでしょうか？
他に簡単な操作がありますか？
Who liked: No user頂いたテストページを開発者ツールで拝見すると、
.smb-section__innerにwidth関係の指定がないため、<input>のsizeで指定されている幅に引っ張られているように見えました。ですので、応急措置としては、
.smb-section__inner { width: 100%; }とすることで対応はできそうですが、抜本的解決策は @キタジマタカシ さんに確認していただいた方が良さそうな気がします。
Who liked:Olein_jp 様
ありがとうございます。
頂いたテストページを開発者ツールで拝見すると、 .smb-section__inner に width 関係の指定がないため、 <input> の size で指定されている幅に引っ張られているように見えました。
ですので、応急措置としては、
.smb-section__inner { width: 100%; }とすることで対応はできそうです
なるほど、こちらのコードになるのですね！
挿入したところ確かにはみ出なくなりました。Who liked: No user頂いたテストページを開発者ツールで拝見すると、 .smb-section__inner に width 関係の指定がないため、 <input> の size で指定されている幅に引っ張られているように見えました。
あーなるほど、そういうことがありえるんですね。
widthだとちょっと強制力が高いのかなと思うので、max-width: 100%を入れるようにしようかなと思います！Who liked:
- トピック「セクションブロックにContactform7を設置したときのスマホ表示について」には新しい返信をつけることはできません。