Manage Consent widget button

  • Resolved kodac1

    (@kodac1)


    4 years, 4 months ago

    I used to have a ‘Manage Consent’ button fixed in my footer. I believe using the [cmplz-revoke-link] shortcode. I also disabled the Manage Consent popup widget.

    This is all broken now from the latest plugin update. Also, the Manage Consent popup widget doesn’t even show up on mobile.

    Please help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Jarno Vos

    (@jarnovos)

    4 years, 4 months ago

    Hi @kodac1,

    You can use a HTML button with the class “cmplz-manage-consent” for the button in your footer: <button class="cmplz-manage-consent">Manage consent</button>

    To display the Manage Consent widget on mobile, please use the below CSS under Appearance > Customize > Additional CSS:

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

    Hope it helps!
    Kind regards,
    Jarno

    • This reply was modified 4 years, 4 months ago by Jarno Vos.
    Thread Starter kodac1

    (@kodac1)

    4 years, 4 months ago

    Thanks @jarnovos,

    One other question – how can I completely remove the Manage Consent widget?
    I couldn’t find it in the settings.

    I’ll try it all at once tomorrow hopefully.

    Regards,

    Plugin Contributor Jarno Vos

    (@jarnovos)

    4 years, 4 months ago

    Hi @kodac1,

    To disable the button entirely, please navigate to Cookie Banner > General and disable the slider next to “Text on the manage consent tab”.

    Kind regards,
    Jarno

    Thread Starter kodac1

    (@kodac1)

    4 years, 4 months ago

    Thanks @jarnovos for the info. I managed to get everything working again eventually.

    I hope future updates don’t change all the classes and id’s again.

    For anyone finding this in the future I also had to bring back the mobile banner title manually following this article https://complianz.io/css-lesson-20-bringing-the-cookie-banner-title-back-to-mobile/

    But updating the display:block part with !important because something else was overriding it to display:none. So I ended up with this:

    /* Cookie Banner title on Mobile */
    @media (max-width: 425px) {
    .cmplz-cookiebanner .cmplz-header {
    display: flex;
    justify-content: space-between;
    }
    .cmplz-cookiebanner .cmplz-header .cmplz-title {
    display: block !important;
    }
    }

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Manage Consent widget button’ is closed to new replies.