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

[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

[うなこ]

mamikawataさま

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

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

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

.carousel-indicators {
        display: flex;
 }

[mamikawata]

うなこ様

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

[うなこ]

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

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

[投稿者]

投稿