フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
【iPhone】コンタクトフォーム７を設置したページのフォームがはみ出てしまう < 不具合報告
通知
すべてクリア
Topic starter
お世話になります。昨日、SWELLを購入し、楽しく改装させていただいております…！
議題のとおりですが、PCのGoogleChromeのデベロッパーツールでは問題なく表示されておりまして。
iPhoneSE2でゆっくりと動作確認を行っていたところ、お問い合わせページのみフォームがぐーんと横伸びしていました。
【該当ページ】
お問い合わせページ（ https://lichiphen.com/contact/）
【画像URL】
https://photos.app.goo.gl/vy3J7YQwTSRXTwpP9
調べていく際にソースを参考にしたりテーブルで挟んでみたりcssを追加したりしてみたのですが、自力が足らず…はみ出してしまって困っています。
プラグインが悪さしているのかも停止してみましたが、干渉の問題は私の試した限りでは見当たりませんでした。
【使用プラグイン】
- Category Order and Taxonomy Terms Order
- Classic Editor
- Contact Form 7
- Google XML Sitemaps
- Invisible reCaptcha
- Imsanity
- SEO SIMPLE PACK
- UpdraftPlus - バックアップ/復元
- WassUp Real Time Analytics
- WP Revisions Control
- WP Statistics
- 【SWELL】乗り換えサポート from Cocoon
環境等はこちらで全てになります。
大変お手数おかけいたしますが、宜しくお願いいたします。
投稿済 : 23/06/2020 1:13 am
コンタクトフォーム自体がデバイスの横幅を超えたサイズになってしまっているせいだと思います...！
投稿済 : 23/06/2020 5:08 am
Topic starter
@ryo 了様
お忙しいところ返信していただきありがとうございます。
Android（Xperia XZ2 Premium）で見てみたところ、問題はなさそうだったのでiPhoneだけ飛び出て表示されている感じですね。
SE2しかもっていないので別のiPhoneでの確認ができないのが歯がゆいところです。
cocoonでは問題なく表示されていたので、iPhoneにだけCSSを効かせてみることにします！
ありがとうございます。
投稿済 : 23/06/2020 9:28 am
Topic starter
お疲れさまです。
半場無理やりにですが、レスポンシブ化させてみたところ、画面上の問題はなくなりました。
どうもありがとうございましたm(_ _)m
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.mailsp,input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.textsp, .wpcf7-form textarea{width: 100%!important;}
投稿済 : 23/06/2020 2:13 pm
了(開発者) reacted