Management Consent Button covering header

  • Resolved Lola Limón

    (@nlmegias)


    3 years, 6 months ago

    Hi!

    I have a problem: my banner is configured below, but it appears at the top of the page. Once the cookies are accepted, the consent management button appears, although I have configured it to remain hidden, and it appears above the header, covering the web logo.

    I have tried to modify it with custom CSS (https://complianz.io/css-lesson-14-icons-in-the-manage-consent-button/), without success.

    Can you help me? It should appear at the bottom of the page and in a smaller font.`

    • This topic was modified 3 years, 6 months ago by .

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor jarnovos

    (@jarnovos)

    Hi @nlmegias,

    It looks like it’s working when you load the page without WP Rocket active. You can verify this yourself by clicking this link: (link)

    Could you try excluding the entire Complianz plugin from Javascript Deferring & Minification? Within the WP Rocket plugin, please navigate to the File Optimization tab > Exclude JavaScript Files, and enter this in the textbox: /wp-content/plugins/complianz-gdpr/(.*).js

    Let me know if that does the trick.
    Kind regards,
    Jarno

    Thread Starter Lola Limón

    (@nlmegias)

    Thanks!

    The consent management button problem has been resolved, but now the cookie banner does not appear (it should appear at the bottom of the page)

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @nlmegias,

    I will separate the two issue(s) to keep it clear/managable, and propose solutions for both:

    Hide “Manage consent” button
    Copy the below CSS to Appearance > Customize > Additional CSS:

    .cc-revoke {
    display: none!important;
}

    Cookie Banner not appearing
    With the link I sent earlier, which loads the site without WP Rocket, the banner is displayed correctly on the bottom of the page.

    In the browser console I see “jQuery is not defined” when Complianz tries to use it, so I assume that WP Rocket is deferring jQuery. Can you add the below to Exclude JavaScript Files as well (on a new line)?

    /wp-includes/js/jquery/(.*).js

    Hope it helps!
    Kind regards,
    Jarno

    Thread Starter Lola Limón

    (@nlmegias)

    Same result ??

    The consent managment button not appearing (yeah!), but the banner, neither.

    • This reply was modified 3 years, 6 months ago by .
    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @nlmegias,

    That definitely seems to have fixed something, as Complianz now detects jQuery again and I can see the banner popping up as well (although the positioning is still off).

    Are you clearing the WP Rocket cache after making your changes, as well as checking the site in an Incognito window with your browser? That ensures that we’re not looking at an “old” version of the site.

    As I’m relatively sure that this is related to WP Rocket: the best course of action would be to disable optimization functions one-by-one within WP Rocket, and checking your site after each disabled option, to see if the issue is fixed by doing so. That will narrow down the issue to the functionality that’s causing this.

    Kind regards,
    Jarno

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @nlmegias,

    I’ve just had another look at the website, and everything seems to be working as expected now (banner displayed on bottom, no manage consent button).

    Could you confirm whether the issue(s) have been resolved?

    Kind regards,
    Jarno

    Thread Starter Lola Limón

    (@nlmegias)

    Yes! Resolved!!

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Management Consent Button covering header’ is closed to new replies.