Return to previous page

Mobile menu and cart z-index when live chat is active

This topic has 8 replies, 2 voices, and was last updated 4 days, 19 hours ago ago by Luca Rossi

MAHDAR

Participant

June 12, 2025 at 10:56

Hello, I hope you’re doing well.

I’ve activated the live chat, but when I open the cart, the chat is still being displayed.

What solution is there to hide the live chat when the cart or the menu is open?

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#446972 Copied

7 Answers
Luca Rossi

Support staff

June 12, 2025 at 14:12
Hello, @MAHDAR,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

.etheme-elementor-off-canvas--shown .template-container { z-index: 9999; }

Kind regards,
The 8Theme Team
#446989 Copied
MAHDAR

Participant

June 12, 2025 at 19:15

Thank you for your guidance.

I set the z-index to 9999, but it didn’t work.

#447012 Copied
Luca Rossi

Support staff

June 13, 2025 at 04:02
Dear @MAHDAR,

We hope this message finds you well.

We have updated the z-index value to 10000, and it appears to be working correctly now. Please find the updated CSS snippet below for your reference:

body.etheme-elementor-off-canvas--shown .template-container { z-index: 10000; }

Could you kindly review the changes on your end and confirm if everything is functioning as expected?

You may also refer to the following screenshot for further clarification:
https://prnt.sc/mnpFqxwtOLOR

Thank you for your continued cooperation.

Best regards,
The 8Theme Team
#447020 Copied
MAHDAR

Participant

June 14, 2025 at 12:04

Hi, thanks for your guidance.
Is it possible for you to also provide the CSS code for the Off-Canvas cart?

Files is visible for topic creator and
support staff only.

#447127 Copied
Luca Rossi

Support staff

June 15, 2025 at 15:57
Hi @MAHDAR,

Please update the previous CSS code to this:

body.e-off-canvas__no-scroll .template-container, body.etheme-elementor-off-canvas--shown .template-container { z-index: 10000; }

Hope it helps!
#447160 Copied
MAHDAR

Participant

June 15, 2025 at 16:51

Hi, thanks for your guidance.

It only shows up in one more place — if you could give me the code for that as well, that would be perfect.

Thanks

Content is visible for topic creator and
support staff only.

#447162 Copied

Luca Rossi

Support staff

June 16, 2025 at 06:17

Dear @MAHDAR,

We hope this message finds you well.

We would like to inform you that when the arrow icon is clicked to return to the size selection panel, the .e-off-canvas__no-scroll class is removed from the body tag. As a result, it becomes difficult to manage the z-index of the template container effectively.

To resolve this issue, we kindly recommend reaching out to Crisp Chat support and requesting a reduction in the z-index value of their support modal.

Thank you for your understanding.

Best regards,
The 8Theme Team

#447174 Copied
Viewing 8 results - 1 through 8 (of 8 total)