[ 解決済 ] トップページスライドショーをスマホで見たときにもページナビゲーションを表示させたい

VWSとは フォーラム Lightning [ 解決済 ] トップページスライドショーをスマホで見たときにもページナビゲーションを表示させたい

[ 解決済 ] トップページスライドショーをスマホで見たときにもページナビゲーションを表示させたい

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

    mamikawata
    参加者

    ■ WordPress のバージョン
    WordPress 6.5.5

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

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    バージョン: 8.21.1

    ■ スキンの種類
    Pale II

    ■ スキンのバージョン
    バージョン: 8.1.11

    ■ 期待する動作
    カスタマイズ:Lightningトップページスライドショーでスライドを設定しています。
    モバイル用スライド画像を入れているからなのか、PCでは画像の下に現れるページネーション(スライドの数だけ表示されるカルーセルインジゲーター?)がスマホには表示されません。

    個人的には別に無くてもいいと思うのですが、表示したいという意見があり、相談させていただきました。

    ■ 自分で試した事
    Lightningのデモサイトをいろいろ見てみましたが、モバイル用のスライド画像を入れているサイトは同じく出ていないような気がしています。

    ■ 症状が発生するブラウザ
    i Phone 14pro

    ■ 実際の症状
    PCでは画像の下に現れるページネーション(スライドの数だけ表示されるカルーセルインジゲーター?)がスマホには表示されません。

    ■ その他特記事項
    ちなみにこのページネーションのカタチをcssで少しカスタマイズしています。
    このCSSを外しても状況は同じでした。

    .carousel-indicators

    #95891

    うなこ
    モデレーター

    mamikawataさま

    Lightning Proのご利用ありがとうございます。

    カルーセルインジケータは 767.98px以下の幅で非表示になるようにテーマ側にcssが設定してありますので、
    cssで上書きする必要があります。

    以下のcssでいかがでしょうか?

    .carousel-indicators {
            display: flex;
     }
    #95940

    mamikawata
    参加者

    うなこ様

    早速のご対応ありがとうございます!
    さすがです。
    試したところ、スマホでもPCと同様のナビゲーションが表示されました。
    ありがとうございます。大変助かりました。

    #95948

    うなこ
    モデレーター

    解決したようで安心しました。こちら「解決済み」とさせていただきました。

    今後ともよろしくお願いいたします。

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