Close button size

  • Resolved petrj

    (@petrj)


    2 years, 5 months ago

    Hi,
    I occasionally see big “X” button on the top of my sites – it is the Cookie banner, which for some reason (slow connection?, slow server?) ignores the styling and appears before the page content. While it doesn’t look good, it wouldn’t be such a problem if the cross (X) had a size limit. Either physically (no need to have a cross the size of hundreds of pixels, or by some styling outside of the basic styling. The rest of the site styling works, only Complianz is always upset. The main problem is on phones, where you see X on the whole screen and the user is confused

    Here is partial screenshot:
    https://www.dropbox.com/s/urx7mc1r8y0rlya/complianz-close-x.jpg?dl=0

    Is there some solution for this issue? (I primarily do not look for the solution of why this happen, but if the X button can be smaller, so the issue will be acceptable.)

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

    (@jarnovos)

    Hello @petrj,

    We add a class “.cmplz-hidden” which hides these elements before the Cookie Banner has fully loaded, to prevent a flash of ‘unstyled content’ before the page fully loads, as seen in your screenshot. But it seems that this class is being stripped from your website, which causes the unstyled content to appear briefly.

    Could you manually add the below line under Appearance > Customize > Additional CSS, to check if that addresses this behavior?

    .cmplz-hidden { display: none; }

    Kind regards,
    Jarno

    Thread Starter petrj

    (@petrj)

    Hi,
    does the plugin already do what you write, or should I update the plugin?

    I can add the style line, but unfortunately I don’t know how to test it, the error happens really randomly, for example the screenshot, it happened for the first time on my computer. I’ve only ever seen it on other computers – also by accident.

    Kind regards
    Petr

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @petrj,

    The plugin adds that line by default, but as the line appears to be getting removed in your case, I would recommend manually adding the line to Appearance > Customize > Additional CSS.

    If you do this and provide an URL to your site, we can check if we can still reproduce the behavior.

    Kind regards,
    Jarno

    Hi @petrj,

    We haven’t heard from you in a while, is the issue resolved? We are happy to help you further.

    Kind regards, Kim van Dijk

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Close button size’ is closed to new replies.