MTS さん

こんにちは。
永原です。

おっ。と思って、検証してみましたが、以下の添付のように、かぶらなかったです。
フレーム設定とかが違うのかも知れないですね。
それとも、インストールしているConnect-CMS のバージョンかも？

とりあえずの復旧としては、ブラウザでF12 の開発者ツールで、かぶっている文字を取り除くと、クリックできるようにならないでしょうか？

データベースの値をいじって、該当フレームをメインに持ってきて編集する方法もありますが、いま、開発環境が手元にないので、すぐにはわからないです。

Connect-CMS のバージョンも、そろそろ、つけたいですね。。

MTS さん

永原です。

近い状態に持っていけました。
ブラウザ幅を狭くしたりすると、似た現象になりました。

該当の歯車の上で右クリックして、開発者ツールを起動（Chrome の場合は「検証」）

div class="card-body ・・・・"の部分をクリックして、
下の枠で、

element.style {
　この中に、display: none;
}
を書くと、メモリ上でカレンダーが消えるので、クリックできるようになりました。

永原様

早速ありがとうございます。

CMSは最新にしています。ただ、インストール直後にすぐにやってみたので、一度
ブラウザを閉じたりリフレッシュをすればよかったのかもしれません。

そこでもう一度試した結果、私のパソコンでは1920＊1080（FHD)です。
ブラウザ幅が半分から2／3の間になると、かぶりが起きているようです。

戻したら大丈夫でした。ただ、先ほどやっていたときはブラウザ幅を変えても
変わらなかったので、レスポンシブがうまく動いていなかったのかもしれません。

ありがとうございました。

　
ブラウザの「表示」でズーム倍率を極端に大きくすると、
歯車マークに「class="card-body"」で覆われない部分が生じ、
マークを押せるようになる場合があります。
（図右の緑枠に覆われていないところ）

Ctrl+マウスホイールで操作できますので、
知っておくと少しだけストレスが軽減されると思います。

マークをクリックして「設定メニュー」に切り替わったら、
Ctrl+マウスホイールを逆向きに回してズームを元に戻すとよいです。