-
投稿者投稿
-
2021年9月1日 10:41 PM #85990
【お使いの Snow Monkey のバージョン】バージョン: 15.6.0
【お使いの Snow Monkey Blocks のバージョン】バージョン 12.2.0
【お使いの Snow Monkey Editor のバージョン】バージョン 6.0.0
【お使いのブラウザ】Chrome
【当該サイトのURL】https://yamazakisekiyu.com/
モバイルを使用した際にファーストビュー下の各店舗の詳細を見るをクリックした際にワンクリックでは遷移せずにツークリックでリンク先に遷移します。
PC使用時、開発者ツールでのモバイル表示の際はワンクリックでリンク先に遷移できます。どこを改善したらモバイルでもワンクリックでリンク先に遷移するようになるかご教授お願い致します。♥ 0いいねをした人: 居ません2021年9月2日 12:51 AM #85992倉橋広典さん、こんばんは。
Snow Monkeyは、どの要素もワンクリックで遷移するようになっていると思いますので、ご自身で追加されている
my-snow-monkey
内のstyle.css
を見直されるのはいかがでしょうか?例えば以下のように1024pxから:hoverを適用
@media ( min-width: 64em ) { .panels .smb-panels__item:hover .smb-panels__item__figure::before { /* ホバー時に文字浮き出して見えるようにscaleで拡大 */ -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 1; } .panels .smb-panels__item:hover .smb-panels__item__figure img { /* ホバー時に画像を拡大 */ -webkit-transform: scale(1.2); transform: scale(1.2); } }
また、JavaScriptで:hoverを無効化する方法もあるようです(未検証)。
一度お試しくださいませ(^^
♥ 0いいねをした人: 居ません2021年9月2日 1:31 PM #86024GONSY さんが書かれているように追加されている CSS が影響しているように思います。画像周りの
z-index
を調整するとどうですかね?♥ 0いいねをした人: 居ません2021年9月2日 3:53 PM #86042GONSY様
ありがとうございました。
style.css
を下記コードに書き換えましたがhover
は停止しましたがワンクリックでは遷移できませんでした。@media ( min-width: 64em ) { .panels .smb-panels__item:hover .smb-panels__item__figure::before { /* ホバー時に文字浮き出して見えるようにscaleで拡大 */ -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 1; } .panels .smb-panels__item:hover .smb-panels__item__figure img { /* ホバー時に画像を拡大 */ -webkit-transform: scale(1.2); transform: scale(1.2); } }
北島様
ご連絡ありがとうございました。
画像周りの
z-index
は下記であっておりますか?
調整しましたが上手くいきませんでした。@media screen and (max-width: 782px) { .smb-panels__item__action { z-index: 1000; } }
♥ 0いいねをした人: 居ません2021年9月3日 2:54 AM #86071.smb-panels__item__action > a::after { z-index: 1; }
でどうですかね?
♥ 0いいねをした人: 居ません2021年9月3日 6:07 AM #86076北島様
ご連絡ありがとうございました。
変更してみましたが、私のiPone7ではまだワンクリックで遷移しませんでした。
お手数をおかけして申し訳ございません。♥ 0いいねをした人: 居ません2021年9月3日 9:22 PM #86168んーそうなのですね。iPhone11 のシミュレーターでチェックしてみましたが、特に問題なく開けました。iPhone、パソコンに USB でつなぐと Safari のデベロッパーツールで iPhone Safari の検証ができるので、それでチェックされてみてはどうでしょうか?
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「モバイル時に1クリックでリンク先に遷移しない点について」には新しい返信をつけることはできません。