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

  • Avatar: mahdar
    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.
    7 Answers
    Avatar: Justin
    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

    Avatar: mahdar
    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.

    Avatar: Justin
    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

    Avatar: mahdar
    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.
    Avatar: Justin
    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!

    Avatar: mahdar
    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.
    Avatar: Justin
    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

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.