Move the Live Chat Location on your website

Changing the chat widget location

You can change the location of both the live chat button as well as the live chat widget itself on your website with simple CSS customizations that you will need to include in your website template.  Note that these overrides need to be included in your css stylesheet in your own website in order to take affect.

If you'd like to move the chat button highlighted below anywhere else, just add these CSS overrides to your own website css.  Feel free to change as needed for your website layout.

#si-wrapper .silc-btn {     
bottom: 25px !important;     
height: 60px !important;     
width: 60px !important;     
right: 25px !important; 
} 

Moving the Chat Icon and Chat Widget to the Left

If you'd like to move the chat icon highlighted below to the left of the screen, you can use this CSS override in your CSS template:

#si-wrapper .silc-btn {       
left:25px !important;     
right: inherit !important;  
} 
#siWidget-chat {  
left: 25px !important; 
} 

Changing the location and size of the chat widget

You can apply CSS overrides to change the location of the chat widget screen itself.  Again, add these CSS overrides to your own website CSS files.

#siWidget-chat {     
right: 25px !important;     
height: calc(100% - 150px) !important;     
bottom: 90px !important;     
width: 360px !important; 
}