Hi @LBreda,
As you saw, Hubspot only gives you the possibility to put the chat left or right, so out of the box there’s no way to have it somewhere else.
The best solution to your problem is still to adjust your design to work with the chat default layout but if you really need to do it, this little “hacky” solution will do using a little bit of javascript and CSS :
The embed of the chat window has styling included and all the css properties defining where the livechat will be placed have the “!important” modifier.
The only way to override it is to add a class to the div containing the iframe and then use a higher specificity css selector to style it your way.
This would work to add a new class :
document.getElementById('hubspot-messages-iframe-container').className += " yourNewClass";
Then you could move the chat by overriding the default positionning with CSS :
#hubspot-messages-iframe-container.widget-align-right.yourNewClass {
right : newValue !important;
bottom : newValue !important;
}
Hope this helps !
If it does, please consider marking this answer as a solution 