Consent Button always showing on portrait mode mobile

Hi @slazt,

You can add some CSS (Appearance > Customize > Additional CSS) to hide the Manage Consent button. Media queries can be added to only do this on a certain device width/orientation.

This CSS will hide the Manage Consent button entirely:
.cc-revoke {display:none!important;}

Below CSS will only hide the button in portrait mode on devices with a certain min/max-width (iPhone 6, 6S, 7 and 8).

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) { 
  .cc-revoke {display:none!important;
  }
}

You can adapt this media query to target the desired screen sizes, this article provides a great overview of queries you can use per device.

Hope it helps.
Kind regards,
Jarno

Hi @jarnovos

Thanks for your quick reply. Before I asked for support, I tried that already, though it was under “Complianz > settings > Custom CSS style “. I just tried it your proposal under “Appearance > Customize > Additional CSS” but it doesn’t work even if I push max-device-width to 1792px (iPhone 11).
Sorry!

Regards,
Stephane

• This reply was modified 3 years, 2 months ago by slazt.
• This reply was modified 3 years, 2 months ago by slazt.

Hi @slazt,

Is the Manage Consent button hidden when adding this line under Appearance > Customize > Additional CSS? .cc-revoke {display:none!important;}

If not, I suspect that you may have to clear the cache of your caching plugins/CDN before the changes are reflected on the front-end.

Additionally, if you let me know on which device you are testing this, I can tailor the CSS for that specific device.

Kind regards,
Jarno

Hi @jarnovos ,

Cloudflare CDN cleared and Cache cleared also and turned off (WP fastest cache)=>
Strange it only works with
.cc-revoke {display:none!important;}

but doesn’t for

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) { 
  .cc-revoke {display:none!important;
  }
}

I’m using my “iPhone 11” and my son’s “Xiaomi Redmi Note 10S”

Thanks for your help
Regards,
Stephane

• This reply was modified 3 years, 2 months ago by slazt.

My bad I was thinking about “orientation: landscape”…
It does work !
Thanks