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

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

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

  • このトピックには8件の返信、5人の参加者があり、最後に対馬 俊彦により1週、 6日前に更新されました。
9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #85336

    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

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

    #85363

    うなこ
    モデレーター

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

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

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

    横から失礼します。

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

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

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

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

    #85370

    Vektor,Inc
    キーマスター

    s h さま
    対馬 さま

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

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

    #85391

    s h
    参加者

    うなこ様
    対馬様
    Vektor,Inc様

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

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

    #85660

    石川@Vektor,Inc.
    キーマスター

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

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

    #85726

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

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

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

    #85759

    石川@Vektor,Inc.
    キーマスター

    失礼しました。

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

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

    #85936

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

    ありがとうございます!

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • このトピックに返信するにはログインが必要です。