レスポンシブにしても解決出来ない、グーグルカレンダー埋め込みトラブル
ワードプレス(テーマ Lightning)にグーグルカレンダーを埋め込む
レスポンシブまでは出来たのですが、スマホの操作の段階で、週タブを押すと月タブの表示が消えてしまい、押せない問題が発覚。
調べても出てこなかったので、自力で試行錯誤、1時間かかりましたが、解決しました。
編集するのは、レスポンシブ設定とグーグルカレンダーの両方の設定でした。
(css htmlについては参考サイトが多数有り、省略しています。)
- グーグルカレンダーを起動
- 対象カレンダーにマウスを合わせ、右に表示される3つの点から「設定と共有」を選択
- カレンダーの統合の中の埋め込みコードのすぐ下の「カスタマイズ」ボタンを選択
- 不要な表示のチェックを外す(日付・印刷アイコン)
- ついでに(カレンダーリスト・タイムゾーン)も消しました。
スマホの横幅に対して文字数が多かったのが原因でした。
同じような事で困っておられる方の参考になれば嬉しいです。