TCDテーマZOOMY：スマホでもヘッダースライダーのドットインジケーターを表示する方法

Q.スマホでもヘッダースライダーのドットインジケーターを表示したいです。

スマホではコンテンツへスクロールするためのアローが表示されているため、ドットインジケーターは非表示としています。スマホでアローを非表示にし、ドットインジケーターを表示する場合は、テーマファイルをご編集ください。

▼変更前イメージ

A.下記の箇所を編集してください。

編集ファイル：js/front-page.js
編集箇所：122行目付近

dots: false

↓

dots: true

次に、アローを非表示にするため、TCDテーマオプション＞基本設定＞カスタムCSSに以下を記述してください。

@media only screen and (max-width: 767px) {
.p-header-content__mobile-arrow { display:none; }
}

▼変更後イメージ