Foldout content and all links don't work after adding cookie consent

Design help General
1

Hello all,

I added cookie consent preferences and somehow the foldout content (“accordion-item-trigger interaction”) and all the links I created before do not work unless I remove cookie component.

Does anyone know how to solve the conflicts? I could not find the answer online.

Thanks for your help!

Here is my read-only link:
https://preview.webflow.com/preview/priceloop-gmbh?utm_medium=preview_link&utm_source=designer&utm_content=priceloop-gmbh&preview=4965ce821f2ca1d31ad8f11a62f2f4b9&workflow=preview

Here is the video record of the issues:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey @Chan !

Looks like your .cookie-wrapper, though invisible, is sitting on top of everything, blocking your cursor from interacting with any elements beneath it.

Try dropping this into your stylesheet:

<style>
.cookies-wrapper {
pointer-events: none;
}

.cookies-wrapper div {
pointer-events: auto;
}
</style>
1 Like
3

Hello @nkwlms ,

Thank you so much for your answer!
I am not sure where to find the CSS so I added an embedded element in the cookie page, like this:

Screenshot 2023-07-08 at 15.31.48
Screenshot 2023-07-08 at 15.31.48698×580 26.4 KB

And it works!!!

Again, Thank you sooooo much, @nkwlms , I really appreciate your help!

1 Like