Brooklynテーマのドロワーメニューに関して

FUMI3
新規メンバー
1 0 1

Brooklynテーマを用いてサイトを制作しているのですが、不可解な現象が発生しました。

 

Brooklynテーマをスマホで表示した際にハンバーガーメニューとドロワーカートのボタンをタッチすると、
展開されたメニューと既存で表示されている画面とのあいだに青い境界線が表示されるのです。

デベロッパーツールでは表示されず、実機で確認した場合のみに表示されます。

数日前には発生していなかったと記憶しているのですが、
解決方法に心当たりのある方はいらっしゃいますでしょうか?

Jizo_Inagaki
航海者
422 155 430

確認された環境や詳細が不明なの検証できませんが、iPhoneならSafariの「開発」で簡易に確認可能です。

手持ちのiPhoneで確認したところ青線が出ており、フォーカスした要素にoutlineで表示される装飾に見えました。
開発者ツールで要素のidがNavDrawerであることを特定し、outline:none;を設定したところ消える事は確認しました。

ただし確認したのはデモサイト( https://themes.shopify.com/themes/brooklyn/styles/classic/preview )のため、テーマのバージョンがあっているのかわからずこの方法で解決できるかどうかの確信はありませんので、その点ご了承ください。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
0 件の「いいね!」