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

VWSとは フォーラム Lightning [ 解決済 ] ヘッダー部 ロゴ位置を左隅にしたい

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

  • このトピックには2件の返信、2人の参加者があり、最後に高橋により1年、 4ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #70347

    高橋
    参加者

    ■ WordPress のバージョン
    6.0

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

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    14.23.4

    ■ スキンの種類
    Origin II

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ 期待する動作
    ヘッダー部分を全幅で使用したい。
    ロゴは左寄せに、メニューは右寄せにしたいと思っていますが、カスタマイズ>ヘッダーレイアウトではそのような設定はできるでしょうか?
    「グローバルナビスクロール時のレイアウト」では「ナビ回り込み全幅」が選べるのですが、スクロール時ではなく、通常の状態でも同じレイアウトが希望です。

    ■ 自分で試した事
    ヘッダーレイアウト部分の変更

    ■ 症状が発生するブラウザ
    Chrome , Edge

    ■ 実際の症状
    ロゴ位置がコンテナ幅で固定されている

    Attachments:
    You must be logged in to view attached files.
    #70351

    うなこ
    モデレーター

    機能ではありませんので、cssでのカスタマイズになります。

    おそらくスキンの種類はorigin Ⅱ ではなくorigin Ⅲ を使用しているのかなと思います。

    以下のcssで全幅に広がるかと思いますが、細かくは確認できておりませんので調整などしてみてください。

    /*ヘッダーコンテナとヘッダートップを全幅*/
    .header-top .container,
    .site-header-container{
        width: 100%;
        max-width: 100%;
    }
    /*リンク領域をロゴのみに*/
    .site-header .site-header-logo{
    width: fit-content;
    }
    

    ▼こちらにCSSのカスタマイズ方法が載っておりますので参考にしてみてください。

    できる!CSSカスタマイズ

    #70355

    高橋
    参加者

    早速ありがとうございます。希望通りのレイアウトを実現できました。

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