GDPR prompts blocked by live chat

Hello team，
My website has stopped updating for a while. Now start operating the website again, some small problems need your technical support.
As screenshot the GDPR prompts blocked by livechat, please see the screenshot, thanks！

Regards,
Byron

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.wd-cookies-inner .cookies-buttons {
    flex: 20 0 auto;
}

Best Regards

Hello， the code OK only for desktop, but it is invalid in ① ipad air portrait screen ②ipad mini landscape screen ③ iPhone 12 landscape screen. please try to help further, thanks!

Regards,

Hello,

Please move the CSS from Custom CSS for Desktop area to the Global Custom CSS area under Theme Settings >> Custom CSS then check back.

Best Regards

Hello,

If add the code to Global Custom CSS causes invalid in all devices include Desktop. please check, thanks!

Hello,
I test again, maybe the code for desktop is still good, but it still doesn’t work on other devices which I mentioned.

Hello,

It is happening on tablet and mobile landscape because the text and buttons have less space.

You can try adding the following Custom CSS in the Custom CSS for tablet and Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.zsiq_theme1.zsiq_floatmain {
margin-bottom: 135px;
}

This CSS will move the chat button above the cookie info.

Best Regards

Hello,

Thank you for your code.
But your first string of code is invalid on the PC side except for the home page, other pages on PC are also invalid . Help to check again please, thanks!
Best Regards

Hello，
Again, it’s not good idea for the code on tablet and mobile area for appearance, expecially on single product page because the livechat widget covers the product image. I think there is nothing regarding to the size of screen, because the GDPR prompt is always good in the portrait mode of the mobile phone, you can see screenshot. So please give us a better code snippet, many thanks!
Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

As you can see the chat widget is a third party element and the possible CSS is provided in my previous replies. We could not recreate the whole cookie notification structure to make it as you need.

Otherwise it requires customizations and this is beyond our limitations and support policy.

Best Regards

Hello,

I understand that your support policy is limited, but I hope you can help people to the end, and you should understand why I just re-purchased your theme, I just hope you can help me solve the problem, not I have to rebuild the website.
I believe this is not a complex issue and should not be considered as a custom.
I was very grateful to you for providing high-quality themes, and I have always believed that I chose your theme correctly, but don’t let users down.

Best Regards

Hello,

Try to remove the old code and replace with the following one

@media (min-width: 769px) {
	
	.zsiq_floatmain.zsiq_theme1 {
		bottom: 155px !important;
	}
	
}

Kind Regards

Hello,

hi, as i said before, moving the livechat widget up is unacceptable, what do you think？Unless the GDRP prompt is closed automatically move the livechat back to buttom. thanks!

Livechat plugin button can’t be moved depending on the state of the cookies popup or scroll to the top button. This can’t be achieved using custom CSS code. All that we can do via theme is to change its static position.

Kind Regards

So, please give me a new code to let the GDRP prompt be over the livechat widget. Ithink this is a good idea! thanks alot!
Kind Regards

Hi,

Yes, this can be done. Try to add the following code snippet to the Custom CSS area in Theme Settings.

body .zsiq_floatmain {
	z-index: 998 !important
}

Kind Regards

It has been finished. thanks!

[Author]

Posts