レスポンシブにしても解決出来ない、グーグルカレンダー埋め込みトラブル

ワードプレス(テーマ Lightning)にグーグルカレンダーを埋め込む

レスポンシブまでは出来たのですが、スマホの操作の段階で、週タブを押すと月タブの表示が消えてしまい、押せない問題が発覚。

調べても出てこなかったので、自力で試行錯誤、1時間かかりましたが、解決しました。

編集するのは、レスポンシブ設定とグーグルカレンダーの両方の設定でした。

(css htmlについては参考サイトが多数有り、省略しています。)

  1. グーグルカレンダーを起動
  2. 対象カレンダーにマウスを合わせ、右に表示される3つの点から「設定と共有」を選択
  3. カレンダーの統合の中の埋め込みコードのすぐ下の「カスタマイズ」ボタンを選択
  4. 不要な表示のチェックを外す(日付・印刷アイコン)
  5. ついでに(カレンダーリスト・タイムゾーン)も消しました。

スマホの横幅に対して文字数が多かったのが原因でした。

同じような事で困っておられる方の参考になれば嬉しいです。