Return to previous page

Z index of cart and my account window and whatsapp banner

This topic has 4 replies, 2 voices, and was last updated 5 months, 1 weeks ago ago by Rose Tyler

maloneweb

Participant

November 28, 2023 at 10:16

Hello, i have a problem:

1) i use the “click to chat” plugin for have a banner that bring the visitors to chat on whatsapp;

2) when i click on the cart or my account icon in header, it open the lateral window with content, but in the window the whatsapp chat should NOT BE VISIBLE;

3) i have setup the z-index of window on 9999999999 (max value) but it doenst work;

4) can you resolve the problem?

Please let me know.

Thanks and best regards

Please, contact administrator
for this information.

#375009 Copied Theme version: 9.2.3 WooCommerce version: 8.3.1

3 Answers
Rose Tyler

Support staff

November 28, 2023 at 14:40
Hello, Maloneweb,

Thank you for contacting us and for using XStore.

Do you want this behavior – https://gyazo.com/15c064dacdef39dae8b7628190ff7890 ? If so, the next custom CSS code can be used:
```
div#ht-ctc-chat {
    z-index: 0 !important;
}
```
Kind Regards,
8theme team
#375051 Copied
maloneweb

Participant

November 28, 2023 at 18:44

Hello, thanks for your help.

The code work fine, but in this way, the chat disappear in a lot of spaces (behind slider, behind call to action, ecc) during navigation.

There is a way to hide it ONLY when the visitors open the my account and cart popup?

Please let me know.

Thanks and best regards

#375079 Copied
Rose Tyler

Support staff

November 29, 2023 at 09:28
Hello, Maloneweb,

In this case, we would recommend you to change the position of chat button, by changing the previous code to:
```
div#ht-ctc-chat {
    right: unset !important;
    left: 90px;
}
```
In another case, contact support of the Chat button plugin.

We hope this information is helpful.

Kind Regards,
8theme team
#375123 Copied
Tagged: advanced woocommerce z index, cart and account window, whatsapp banner integration, wordpress woocommerce templates, z index customization
Viewing 4 results - 1 through 4 (of 4 total)