[ 解決済 ] iPad、iPhonで、Outerの区切り線(傾斜)の下に線が表示されてしまう

VWSとは フォーラム Lightning [ 解決済 ] iPad、iPhonで、Outerの区切り線(傾斜)の下に線が表示されてしまう

[ 解決済 ] iPad、iPhonで、Outerの区切り線(傾斜)の下に線が表示されてしまう

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

    AKI
    参加者
    制作実績

    ■ WordPress のバージョン
    6.4.3

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

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

    ■ テーマのバージョン
    15.20.1

    ■ Pro Unit のバージョン
    0.26.5

    ■ スキンの種類
    Origin III

    ■ 期待する動作
    iPhon、iPadで表示時に区切り線の下に線が表示されない

    ■ 自分で試した事
    Chrome、Safariでの確認
    カスタムCSSの削除
    背景設定をカバー固定からカバーに変更
    アニメーションの停止
    透過設定なしにする

    ■ 症状が発生するブラウザ
    iPhon、iPadのChrome、Safari

    ■ 実際の症状
    iPhon、iPadで閲覧すると、傾斜の下に背景画像の一部が線のように表示されます。(スクショ貼付)
    このラインは背景画像の一部が見えているようで、少しスクロールすると消えます。
    なぜ、このラインが表示されてしまうのでしょうか?
    対処法はありますか?
    WindowsのPC版では問題なく表示されています。
    宜しくお願いいたします。

    #88596

    うなこ
    モデレーター

    お世話になっております。VK Blocks Proのご利用ありがとうございます。

    過去にも同様の症状がありまして、iOSのバグのようでして、対応したところまだ症状が出たり出なかったりと、原因がいまだにつかめておりません。

    outerブロックの背景画像の表示(iPhone)

    対処法を提案させていただきます。🙇‍♀️

    例えばOuterブロックの中にある「見出し」ブロックの「iMake Therapy」のブロックの余白を「下0」にします。見出しの下に「レスポンシブスペーサー」を配置します。(サイズはお好みで調整してください)

    いかがでしょうか?

    #88627

    AKI
    参加者
    制作実績

    うなこさん、ありがとうございます!
    ブロックの余白0+レスポンシブスペーサーでは解決しませんでしたが、

    .site-body に4remの下パディンがついていたので、削除したところ背景が線のように見えている部分が消えました!
    ありがとうございました!

    [追記]
    読み込み時は消えたのですが、スクロールすると背景の線がでてきてしまいました。(最初と逆)
    もう少しいろいろためしてみます。

    #88628

    AKI
    参加者
    制作実績

    運営様
    大変申し訳ございません。アップロードした画像に一部個人情報的なものが入っているので、画像を削除することは可能でしょうか?

    #88685

    AKI
    参加者
    制作実績

    運営様
    削除ありがとうございます。
    完全に解決はしていませんが、バグということで一旦スレッドを閉じさせていただきます。
    ありがとうございました!

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