[対馬 俊彦]

よろしくお願いします。

症状を確認していただいたので、
アップデートしたサイトはとりあえず CSS でアイコンを表示しておきました。

[対馬 俊彦]

たぶん、↓ こんなかんじでいけるのではないかと。

.widget_nav_menu>div>ul li a {
    border-bottom: none;
}

これでうまくいかないなら、サイトの URL を提示していただかないと期待する回答が得られないかもしれません。

CSS に関して、以下のページを読んでおくと自分でできることが広がるのでおすすめです。

できる！CSSカスタマイズ

[対馬 俊彦]

参考情報です。私が管理しているサイトでは以下の環境でスマホのメニューが開閉しています。

PHP 8.2.16
WordPress 6.4.3
BizVektor 1.12.5

該当 URL を確認したところ、JavaScript の読み込みでエラーが起きています。
もしかしたら、Autoptimize というキャッシュ系のプラグインが影響しているのかもしれません。

[対馬 俊彦]

横から失礼します。

ヘッダー上部のお問い合わせボタンとは連動しない、
画面右側に固定表示される VK ボタンを VK パターンライブラリで
提供していただくと喜ぶユーザーがいると思います。

ヘッダー上部には要らないけど右側に固定ボタンを置きたい、
という需要が一定数ありそうなので。

ノークホームズ TOP

例えば、↑ このサイトの
「メールでのお問い合わせ」「資料請求はこちら」
のようなイメージです。

Lightning だったら、
ブロックパターンをウィジェットに貼り付けて使えます。

[対馬 俊彦]

Lightning 15.20.1 にアップデートして、
修正が反映されていることを確認しました。

ありがとうございます！

[対馬 俊彦]

山添様、

道案内がうまくいって、解決してよかったです。

–対馬

[対馬 俊彦]

Lightning 15.20.0 にアップデートしましたが、
#1119 の以下の CSS が反映されていないようです。

a {
  display: block;
  width: fit-content;
}

念のため、複数(3つ)のサイトで試しましたので、
たぶん間違っていないと思うのですが…。

[対馬 俊彦]

Lightning 15.20.0 にアップデートして、
ボタンが無効なときはマウスホバー動作をしないようになりました。

ありがとうございます！

[対馬 俊彦]

することで、この送信エラーが解決することなのでしょうか？

reCAPTCHA がエラーの原因になる可能性がある、ということです。
今回の問題の解決策にはなりません。

「reCAPTCHA」の対策の方がよいのでしょうか？

私は比較したことがないので、答えられません。

もし追加のご質問があれば、このフォーラムではなく Contact Form 7 のサポートフォーラムの方が適しています。

[対馬 俊彦]

以前、私のサイトで同じエラーメッセージを見たことが何回かあります。

そのときの原因は以下の通りでした。

【1】Contact Form 7 の設定 (reCAPTCHA)
　または
【2】サーバーの設定 (高速化・セキュリティー)

【1】については Contact Form 7 のサポートが役に立つと思います。

サポート

【2】についてはさくらインターネットに問い合わせればサポートが得られると思います。

[対馬 俊彦]

横から失礼します。

その CSS を追加しない、Lighnting のデフォルトの状態でも、
ヘッダーレイアウト が ナビゲーション回り込み になっていると
リンクエリアが画像よりも大きくなっています。

Lightning の以下の CSS が影響しています。

@media (min-width: 992px) {
  .site-header--layout--nav-float .site-header-logo {
    margin-right: 2em;
    width: 100%;
  }
}

全幅にするとよけいにそれが気になるということですが、
全幅にしなくてもリンクエリアが広がらないように
テーマ側で調整していただくのがよさそうに思います。

[対馬 俊彦]

子テーマの style.css の以下の部分が原因です。

/* ページヘッダーの背景 */
.page-header{
    background: #f0f0f0;
}

[対馬 俊彦]

Lightning 15.19.1 にアップデートして、リンクエリアの違和感が解消されたことを確認しました。

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

[対馬 俊彦]

うなこさん、こんにちは。横から失礼します。

できれば、CSS を以下のようにして、submit ボタンが無効なときは
マウスホバー動作をしないようにしていただくとうれしいです。

.wpcf7-submit.btn:not(:disabled):hover {
  box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
  transform: translateY(0.1875em);
  background-color: var(--vk-color-primary-vivid);
}

これと関係して、Lightning の _g3/assets/css/style-theme-json.css
の以下の部分も合わせて変更を検討していただくとありがたいです。

input[type=submit]:hover {
    color: #fff;
    cursor: pointer;
    background-color: var(--vk-color-primary-dark);
}

　　　↓

input[type=submit]:not(:disabled):hover {
    color: #fff;
    cursor: pointer;
    background-color: var(--vk-color-primary-dark);
}

ボタンが無効のときにはマウスホバーで禁止マークが表示されますが、
使えない状態のボタンなので動きはない方がいいように思います。

もしかしたら、私の個人的な好みなのかもしれませんが…

皆さんいかがでしょうか？

[対馬 俊彦]

Lighting Pro のカラム全体（コンテナ）の幅を指定している CSS は以下の通りです。

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

960 と 1140 の部分を増やせば幅を増やすことができますが、極端に増やすと画面幅によっては見た目がイマイチ（左右が狭すぎて窮屈なかんじ）になってしまう不安があります。

大きめの画面で見たときのことを考えて調整したいのであれば、以下のような CSS を追加するのが効果的だと思います。

@media (min-width: 1300px) {
  .container {
    max-width: 1240px;
  }
}

[投稿者]

投稿