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

このトピックには2件の返信、2人の参加者があり、最後に高橋により2年、 1ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2022年10月14日 3:07 PM #70347

高橋
参加者

■ WordPress のバージョン
6.0

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

■ テーマの種類
Lightning Pro

■ テーマのバージョン
14.23.4

■ スキンの種類
Origin II

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

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

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

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

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

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

2022年10月14日 3:32 PM #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カスタマイズ
2022年10月14日 4:23 PM #70355

高橋
参加者

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

投稿