トップページの記事一覧リストのカスタマイズ(横長)を試された方へ

昨夜UPした「【THE THOR】トップページの記事一覧部分をPCとモバイルで別のレイアウトにする方法」の記事で、iPad 未満の端末から見た時に横長の記事リストに固定する CSS の中に、1か所クラスセレクタを付け忘れた所がありました。(現在は修正済みです)

昨日~今日の昼にかけてこのカスタマイズを試してみた方は、iPad 未満の端末から見た時に、記事一覧リスト以外のアイキャッチのホバーエフェクトが効かなくなっているかと思います。(カスタマイザーからズーム・ズーム回転等のエフェクトを設定している場合のみ)
これを解消するには、もう一度CSSをコピペし直すか、以下のようにCSSの該当部分を変更してください。

修正方法

「追加するCSS」53行目のこの部分を修正します。

.archive .eyecatch__link-maskzoomrotate:hover img, .eyecatch__link:hover img{
	transform: scale(1) rotate(0deg);
}

太字の部分が修正箇所です。この位置に「.archive」と付け足してください。(※必ず前後に半角スペースを入れてください)

.archive .eyecatch__link-maskzoomrotate:hover img, .archive .eyecatch__link:hover img{
	transform: scale(1) rotate(0deg);
}

お手数をおかけして大変申し訳ありませんが、よろしくお願いいたします。