Mini Pop up + problem form

Hi @gresio64,

Am I right in saying this looks like the screenshot here; https://complianz.io/elementor-recaptcha-and-the-native-form/

The solution is there as well,

Let me know!

regards Aert

Hi @gresio64,

And concerning the Manage Consent button, you can use this CSS to display it on mobile devices as well:

@media (max-width: 768px) {
#cmplz-manage-consent .cmplz-manage-consent {
    display: unset;
    bottom: -5px!important;
}
}

To always display the button in full, and not just on mouse-hover:

#cmplz-manage-consent .cmplz-manage-consent { 
animation: none; 
bottom: -5px; 
}

Kind regards,
Jarno

Hi,

I entered the CSS code in the Style.css file in the Thema Child, but it doesn't work, the small banner has not changed position.

From your smartphone once one selects your consent no banners appears to be able to change the preference

I entered the code for the form with recaptcha with an elementor but also in this case I still have the same problem

Another problem, on the site I use the thema customizar, I installed the plugin for Google fonts locally but I still have cookie fonts that are not blocked

Request URL: 
https://fonts.gstatic.com/s/opensans/v28/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2
Request Method: 
GET

content-security-policy-report-only: 
require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes
content-type: 
font/woff2

:authority: 
fonts.gstatic.com

referer: 
https://fonts.googleapis.com/

Thanks

Hi @gresio64,

Concerning #1 and #2 in your last reply, could you try copying the below CSS to Appearance > Customize > Additional CSS? I tested this on a sandbox environment, where it works as expected.

@media (max-width: 768px) {
#cmplz-manage-consent .cmplz-manage-consent {
    display: unset;
    bottom: -5px!important;
}
}

#cmplz-manage-consent .cmplz-manage-consent { 
bottom: -5px!important; 
}

#3: Elementor & ReCaptcha
You can remove the current placeholder by using the filter mentioned in this article under 2. Filter Placeholder, and then add the HTML field to your form to accept the ReCaptcha cookies.

#4: Google Fonts
You should manually remove the current implementation of Google Fonts, after which you can switch to a self-hosted implementation as detailed here.

The main reason why we are not blocking Google Fonts automatically, as we do with most other services, is due to the impact Google Fonts has on your website’s front-end.

Hope it helps!
Kind regards,
Jarno

• This reply was modified 2 years, 7 months ago by jarnovos.

Hi,
1) ok, I managed to move the highest mini banner
2) While on smartphones it doesn’t work, I tried with some browsers, you see the first time the banner of the consents, then there’s no more track. This function should be gestist through your plugin, here in Italy is required that each user can change his preferences, other plugins work like this without having to go insert any code but managed by the plugin panel.
3) I had already followed the instructions, I try to recheck if I forgot something
4) I have to do a test`

Thanks
Sergio

Hi @gresio64,

Concerning #2, once you add the CSS mentioned above (or in this article) the Manage Consent button should also become visible on Mobile devices.

If this doesn’t appear to be the case for you, please provide an URL to your website and we can check why that occurs.

Kind regards,
Jarno

Hi @jarnovos,

I entered the code you provide on the CSS page, I made tests with devices simulators, all over 768 px is visible, lower is not visible.
Reading the link you sent me is written that it is disabled for the devices below 768 px.
Also on that page I read that there is a shortcode, if you can prefer the mini banner otherwise if you tell me the shortcode.

The site that I am working on it is www.sitowebsubito.it

Thanks

@gresio64 this part:

display: unset;

Is missing in your css. It will override the “display:none”.

@media (max-width: 768px) {
  #cmplz-manage-consent .cmplz-manage-consent {
    display: unset !important;
  }
}

If you add it, it will work.

Can you remove the ‘code’ ticks around your replies? It’s very hard to read if your question is marked as code.

Hi,

3) I then solved it, now it works well

4) I followed the instructions but unfortunately I still have 2 google fonts .woff2 which are always active even if one denies consent.
How can I resolve it?