Chat icon placement

Community Alums
Not applicable

‎10-09-2024 12:45 AM

The chat icon is showing perfectly at bottom right corner in one instance but in other instances, it is showing slightly above. How to fix this? Please help.

 

Instance 1:

 

SSVVPR_0-1728459764338.png

 

 

Instance 2&3:

 

SSVVPR_1-1728459764340.png

 

0 Helpfuls
  • 404 Views
1 REPLY 1

Community Alums
Not applicable

‎10-11-2024 10:48 PM

Hi @Community Alums ,

Here is perfect answer i found for you which was given by @Harish KM 

Go to virtual agent widget and modify this CSS part. Refer attached screenshot

.conversation-button-container {
    position: fixed;
    right: 3rem;
    bottom: 34.5rem; // play around with this to bring top
    z-index: 20;
    /* top: 109px; */
}

 

Once you find the perfect position copy CSS from inspect element ..>ctrl right click on virtual agen icont--> instance in page editor..> paste it under CSS

 

0 Helpfuls