レイアウトが2カラムの場合のみ、コンテナ幅を拡大したい

[Well-Fed管理者]

■ WordPress のバージョン
WordPress 6.7.2

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

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

■ テーマのバージョン
15.29.4

■ Pro Unit のバージョン
0.29.2

■ スキンの種類
Origin III

■ 期待する動作
固定ページを2カラムにすると、サイドバーの関係上、メインコンテンツの幅が狭くなると思います。
過去のフォーラムで、サイドバーの幅を狭くする方法を見つけて「自分で試した事」に記載したコードを試しました。

メインコンテンツの幅を狭くすることはできたのですが、サイドバーの横幅がスクロールすると変わってしまいます。過去のフォーラムを参考にすると、「サイドバー固定設定を上部固定」にしているからだと思います。

そこで、サイドバーの幅を狭くするのではなく、レイアウトが2カラムの固定ページのみ、コンテナ幅を拡大する方法をご教示いただきたいです。

■ 自分で試した事
サイドバーを狭くする際に試したCSSコード
@media (min-width: 992px) {
.main-section–col–two {
width: 75%;
}
.sub-section–col–two {
width: calc(25% – 3em);
}
}

コンテナ幅を拡大する際に試したコード
@media (min-width: 576px) {
:root{ –vk-width-container : 576px; }
.container { max-width: 576px; }
}

@media (min-width: 768px) {
:root{ –vk-width-container : 768px; }
.container { max-width: 768px; }
}

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

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

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

■ 実際の症状
@media (min-width: 576px) {
:root{ –vk-width-container : 576px; }
.container { max-width: 576px; }
}

@media (min-width: 768px) {
:root{ –vk-width-container : 768px; }
.container { max-width: 768px; }
}

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

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

を実行すると、2カラムのページ以外も、全てのページのコンテナ幅が変わってしまいました。

■ その他特記事項
コンテナ幅を拡大すると、ヘッダーの左右幅も変わってしまいます。
あくまでも、2カラムのコンテンツがある部分のみ変更したいです。

イメージとしては、コンテンツを全幅にする感じです。
ただ、モニターなどで見ている方がいるとレイアウトが崩れてしまうので、全幅にするのは控えたいです。

[投稿者]

投稿