セキュリティの画像選択が右にずれる

[ようこ]

ご質問させてください。

セキュリティの画像選択が右にずれて、スマホの画面から右にはみ出してしまう現象について解決策がございましたら、教えていたたいです。

よろしくお願い致します！

[junichiokamura]

具体的にどのテーマのどの箇所でしょうか？

[ようこ]

失礼しました。

顧客がログインするときに、メールアドレスとパスワードを入力し、その後ロボットではありませんにチェックをつけた後に、条件にあう複数の画像を選択する場面の、9枚画像が出てくるポップアップがずれている現象が起こっています。

対応方法がありましたら、教えていただきたいです。

よろしくお願いいたします。

[junichiokamura]

GoogleのreCAPTCHA を使った機能ですが、あまりこのレイアウトについての問題がないのですが、画面キャプチャを貼り付けていただけますか？

Google側の問題で対応できない場合もあるかと思います。

[ようこ]

ご回答ありがとうございます。

以下の画像がずれている画像となります。

 

[junichiokamura]

テーマがGoogle reCAPTCHAをどう実装しているかによるので、テーマのコード編集でCSSをいじる必要があるかと思いますが、以下のような中央寄席をすれば直るかもしれません。

https://michinari.work/archives/recaptcha.html

[ようこ]

ありがとうございます！

早速やってみたいです！

どこのLiquidに挿入したらよいのか、教えていただくことはかのうでしょうか？？

何度もすみません🙏

[junichiokamura]

テーマによってファイル構成は変わりますが、customer/register.liquid あたりで、recaptcha で検索してみてください。見つからない場合は、テーマ自体をダウンロードして、ローカルでディレクトリ検索するとrecaptchaの実装をしている箇所がわかるかと思います。