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

VWSとは フォーラム Lightning [ 解決済 ] モバイル表示の時にセクションベースを無しにしたい

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #66659

    長野利雄
    参加者

    ■ 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はフォーラムライセンスが有効のユーザーにのみ表示されます

    #66662

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

    おそらく

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

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

    #66667

    長野利雄
    参加者

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

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