[ 解決済 ] モバイル表示の時にセクションベースを無しにしたい

[長野利雄]

■ WordPress のバージョン
6.0

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

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

■ テーマのバージョン
14.22.8

■ Pro Unit のバージョン
0.22.1

■ スキンの種類
Origin III

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

■ 期待する動作
PC表示の時はセクションベース有で、モバイル表示の時はセクションベース無にしたい。

■ 自分で試した事
モバイル表示でセクションベース有のまま、コンテナのpaddingの幅で調整しようとしたが、セクションベース無の状態がベストな見栄えだった。

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

■ 実際の症状
PC表示ではセクションベース有で表示をしたいが、モバイル表示では横幅が狭くなるため、コンテンツが読みづらい。

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[石川＠Vektor,Inc.]

おそらく

@media (max-width: 991.98px){
.main-section, .sub-section {
--vk-width-base-padding:0;
background-color:unset;
}
}

とかでいけるのかなと思います。
※未検証

[長野利雄]

できました！ありがとうございます。

[投稿者]

投稿