Set CSS iframe.active on Chat Open

HubSpot Ideas

Status: Idea Submitted

1

We have a sticky booking bar at the bottom of our mobile website. The chat button sits over the booking bar, restricting users from booking. We need to move the chat button up 60 px to fix this:

#hubspot-messages-iframe-container {
 bottom: 60 px;
}

The issue is that when the chat opens, the entire chat is above the booking bar, and the chat’s close button is hidden.

Please consider giving all Hubspot customers full control over chat positioning by adding an .active class to #hubspot-messages-iframe-container when chat is opened. Then we can fix our issue:

#hubspot-messages-iframe-container {
 bottom: 60 px;
}

#hubspot-messages-iframe-container.active {
 bottom: 0 px;
}

Mahalo for your consideration.