*

Digitalcay Limited

Invisible CAPTCHA Mobile positioning behind nav menu
« on: October 19, 2022, 12:48:13 AM »
Hello,
I have the invisible captcha plugin installed on epsilon theme. I also have the menu nav on bottom of mobile so as seen in attachment the invisible is showing behind the nav menu on mobile so no matter what positioning I use left or right it still show behind so how to fix?

I don’t want to show in-line because it also not positioned properly because I have GDPR plugin installed and because of term links the captcha is not positioned properly in sign in or sign up it is overlapping the accept term links and overlapping sign in and register buttons so it needs fixing and until then this needs fixed too so I prefer to show left or right side  with nav enabled

*

MB Themes

  • Best Answer
  • Re: Invisible CAPTCHA Mobile positioning behind nav menu
    « Reply #1 on: October 19, 2022, 08:01:04 AM »
    Send url. Badge will need to be shifted
      To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

    *

    Digitalcay Limited

  • Best Answer
  • Re: Invisible CAPTCHA Mobile positioning behind nav menu
    « Reply #2 on: October 19, 2022, 11:12:48 AM »
    Send url. Badge will need to be shifted

    The link is mintyads dot com

    *

    MB Themes

  • Best Answer
  • Re: Invisible CAPTCHA Mobile positioning behind nav menu
    « Reply #3 on: October 19, 2022, 03:43:39 PM »
    Try this css:
    Code: [Select]
    .user-reg-hook .grecaptcha-badge {margin-bottom:50px;}

    ... only for responsive view (mobile).
      To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

    *

    mwindey

    • *****
    • 461 posts
  • Best Answer
  • Re: Invisible CAPTCHA Mobile positioning behind nav menu
    « Reply #4 on: October 20, 2022, 04:53:13 PM »
    You can simply hide it completely using the following lines in responsive CSS :

    Code: [Select]
    .grecaptcha-badge {
        visibility: hidden;
    }
    Do not use display: none; as it appears to disable the spam checking in that case.
    « Last Edit: October 20, 2022, 06:29:42 PM by mwindey »

    *

    Digitalcay Limited

  • Best Answer
  • Re: Invisible CAPTCHA Mobile positioning behind nav menu
    « Reply #5 on: October 20, 2022, 05:54:07 PM »
    You can simply hide it completely using the following lines in responsive CSS :

    .grecaptcha-badge {
        visibility: hidden;
    }

    Do not use display: none; as it appears to disable the spam checking in that case.

    Thanks! This would be better to use. I’ll implement it tonight!