How can I hide the reCAPTCHA box on mobile devices?

Store Design
1

I was able to hide the reCAPTCHA badge on desktop by adding the following to my base.css file:

.grecaptcha-badge { 
    visibility: hidden;
}

I also include the reCAPTCHA branding visibly in the user flow (according to this link).

But the badge is STILL showing up on mobile and it is interfering with my site design. Please help!

Site is: Jazeena.com

2

Hi @Jazb

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Victor | PageFly

3

Hello @Jazb ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1680053839296.png
GemPages_0-1680053839296.png1857Ă—907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

1 Like
4

This worked perfectly! Thank you so much :slightly_smiling_face:

5

Thank you! If you require any further information, feel free to contact us :blush: