[ 解決済 ] ヘッダーロゴがないところまでクリック可能になってしまう

[s h]

■ WordPress のバージョン
6.4.3

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.19.0

■ Pro Unit のバージョン
0.26.4

■ スキンの種類
Evergreen

■ スキンのバージョン
0.2.4

■ 期待する動作
こちらのフォーラムを参考に、ナビゲーションを全幅に設定しました。
ロゴのない部分もクリックできるようになってしまいます。
ロゴがある部分のみクリック可能にできますでしょうか？

[ 解決済 ] ヘッダー部 ロゴ位置を左隅にしたい

■ 自分で試した事
CSSを見直しましたが、わかりませんでした。

■ 症状が発生するブラウザ
chrome

■ 実際の症状
ロゴがない部分もクリックできてしまいます。

[うなこ]

お世話になっております。

以下のCSSを追加するとリンクがロゴのみになるかと思います。
※参照先のページも修正させていただきました🙏

/*リンク領域をロゴのみに*/
.site-header .site-header-logo{
width: fit-content;
}

[対馬 俊彦]

横から失礼します。

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

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

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

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

[Vektor,Inc]

s h さま
対馬 さま

いつもありがとうございます。
確かに「ヘッダーレイアウト」の「ナビゲーション回り込み」の時のロゴのリンクエリアが広い様でしたので、issue化させていただきました。
対応までしばらくお待ちください。お急ぎの場合はCSSを追記お願い致します。

https://github.com/vektor-inc/lightning/issues/1118

[s h]

うなこ様
対馬様
Vektor,Inc様

ご回答ありがとうございます。
ご教授いただいたCSSにて、解決いたしました。

今後ご対応していただけるとのことで、誠にありがとうございます。
お手数をおかけしてしまい大変恐縮ではございますが、何卒よろしくお願いいたします。

[石川＠Vektor,Inc.]

Lightning 15.20.0 に反映いたしました！

https://github.com/vektor-inc/lightning/pull/1119

[対馬 俊彦]

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

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

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

[石川＠Vektor,Inc.]

失礼しました。

15.20.1 にて修正いたしました。

お手数おかけして恐れ入りますがアップデートの上ご確認くださいませ。

[対馬 俊彦]

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

ありがとうございます！

[投稿者]

投稿