[ 解決済 ] アイコンのズレとGoogleマップの横幅が固定される問題について

VWSとは フォーラム Lightning [ 解決済 ] アイコンのズレとGoogleマップの横幅が固定される問題について

[ 解決済 ] アイコンのズレとGoogleマップの横幅が固定される問題について

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

    HANA
    参加者
    制作実績

    ■ WordPress のバージョン
    6.7.1

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

    ■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
    確認しました。

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

    ■ テーマのバージョン
    15.29.4

    ■ Pro Unit のバージョン
    0.29.2

    ■ スキンの種類
    Origin III

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

    ■ プラグインの種類・バージョン
    Lightning ProからLightning G3に移行したところ、
    以下の不具合が発生しました。

    1.横並びブロックで左にFont Awesome のVKブロックでアイコンフォントを入れ、右にH2の見出しをいれているのですが、Proでは綺麗に並んでいたアイコンとH2見出しがG3にしたら大きくズレて表示されるようになりました。

    2.カスタム HTMLにGoogleマップの埋め込みコードを入れてマップを表示しているのですが、G3にしたらスマホで見た時にのみ、はみ出て表示されるようになりました。

    3.テーブルの「水平方向スクロール」をオンにすると、スマホ閲覧の時、スクロールの対象になる列の文字のフォントサイズが大きくなってしまいます。

    ■ 期待する動作
    不具合を修正してほしい

    ■ 自分で試した事
    原因が不明であれば、とりあえずCSSで対処しようと思っていますが、、、

    ■ 症状が発生するブラウザ
    EGGE、クローム、iPhone safari

    ■ 実際の症状
    1.横並びブロックで左にFont Awesome のVKブロックでアイコンフォントを入れ、右にH2の見出しをいれているのですが、Proでは綺麗に並んでいたアイコンとH2見出しがG3にしたら大きくズレて表示されるようになりました。

    2.カスタム HTMLにGoogleマップの埋め込みコードを入れてマップを表示しているのですが、G3にしたらスマホで見た時にのみ、はみ出て表示されるようになりました。

    添付画像を参照ください。
    四角が元々の画像で、縦長の画像がG3に変更した際の状態です。

    マップはgoogleの埋め込みコードで「800px X 600px」となっていてPro時にはレスポンシブで縮小されていたのですが、G3ではレスポンシブ化されません。

    3.テーブルの「水平方向スクロール」をオンにすると、スマホ閲覧の時、スクロールの対象になる列の文字のフォントサイズが大きくなってしまいます。

    URL(英文字だから?)は大きくなりません。

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

    Lightningのご利用ありがとうございます。株式会社ベクトルの石川と申します。

    一つのトピックに複数の症状を記載すると、どこまで解決したのかわかりにくくなったり、後から同様の症状を調べに来た人が発見しにくくなるので、お手数ですが症状ごとに別のトピックを記載してください。

    また、Lightning Pro と Lightning(G3) は “別のテーマで仕様が異なる” ため、ご指摘の内容が不具合なのかテーマの違いによる設定方法の違いなのかも判断が難しいため、

    * 症状が発生するページのURL
    * 同じ症状を発生させたテストサイトのURL
    * 症状を再現させる手順や、実際に症状が再現する本文に配置してあるコード及び、”ずれる” ではなく “どごがどうなるはずがどうなってしまう” など、意図した状態とどう違うのかがわかる図

    など、症状が確認しやすい情報の提示にご協力いただけると回答がしやすいです。

    お手数おかけして恐れ入りますが何卒よろしくお願いいたします。

    #105607

    HANA
    参加者
    制作実績

    >>一つのトピックに複数の症状を記載すると、どこまで解決したのかわかりにくくなったり、後から同様の症状を調べに来た人が発見しにくくなるので、お手数ですが症状ごとに別のトピックを記載してください。

    同時に起きた現象だったので一緒に記載してしまいました。申し訳ありません。
    このスレッドは一旦、解決済みとし、別途、症状別に質問させていただきます。

    症状が出ているサイトはお客様のサイトで、承諾が必要になる為、少し時間がかかってしまうので
    テストサイトを作って改めて確認してみます。

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