Support » Plugin: GDPR Cookie Compliance » Button cant be clicked in mobile view

  • Resolved marvinschmitt

    (@marvinschmitt)


    Dear support team!

    We are using the GDPR Plugin on our websites.

    Currently we are having some trouble with the mobile view popup. The accept button cant be clicked and therefore the banner stays and blocks half the screen…

    Any solutions?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Moove Agency

    (@mooveagency)

    Hi @marvinschmitt,

    Thanks for using our plugins.

    We checked your site, and found custom CSS which contains mobile media queries, you are using inline styles with !important tags, but when the banner gets and extra class to be hidden, it can’t apply because of !important and wrong targeting. That’s why the banner is visible, you are mixing the bottom and top banner styles.

    Please locate the following CSS rule in your additional styles:

    @media only screen and (max-width: 667px) and (min-width: 320px) {
      #moove_gdpr_cookie_info_bar {
        top: 0!important; <- this is wrong, should be top -400 when has extra class
        margin-top: 60px;
        max-height: 180px;
        border-bottom: 1px solid #202020;
      }
    }

    and fix it like this:

    @media only screen and (max-width: 667px) and (min-width: 320px) {
      #moove_gdpr_cookie_info_bar {
        top: 0;
        bottom: auto;
        margin-top: 60px;
        max-height: 180px;
        border-bottom: 1px solid #202020; 
      }
      #moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden {
        top: -400px;
        bottom: auto;
        margin-top: 0;
        max-height: 180px;
      }
    }

    Hope this makes sense.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.