wordpressにgoogleフォームを埋め込む方法(レスポンシブ)

Question

実現したいこと：

wordpressの固定ページにgoogleフォームを埋め込みたい。

現状

googleフォームの埋め込み用？htmlをwordpressのテキストに挿入しました。
WEB上では問題なく表示できるのですが、スマホで見ると全く表示されません。テーマはMAGというレスポンシブなテーマを使用しています。
スマホ上でもGoogleフォームが問題なく表示できる術を教えていただきたいです。

講じた対策

.form {

position: relative;

height: 0;

padding: 30px 0 56.25%;

overflow: hidden;

}



.form iframe {

position: absolute;

top: 0;

left: 0;

width: 100% !important;

height: 100% !important;

}

以上のようなcssコードを追記しました。
スマホのchrome上ではフォームが表示されたのですが、safari上では表示されず、そのスペースが丸ごと白くなってしまっています。

*{
	-webkit-appearance:none;
}

というコードも追記してみましたが、依然フォームの表示はされないままです。

Answer 1

質問内容にソースコードなどの提示がなく判断できる情報がないので、デバッグ方法の紹介になります。

Chromeの開発者ツールを使って、モバイルモードで、デバッグしてみたら何かわからないでしょうか？

例: CSS で、隠していたとか。Javascript で、エラーが出ていたとか。

参考:
Chromeデベロッパーツールでスマホサイトをデバックする方法

Comments

[退会済みユーザー]

ソースコード…。すいません、どこのソースコードを提示したらよろしいでしょうか…？