Plug problem

Question

http://bootsnipp.com/snippets/featured/collapsible-chat-widget In the chat summary victor above, if the chat is open, any controls are at the same level that the widget cannot be clicked on. Is there any way that other controls can be clicked when the chat is open?

Answer 1

The problem may be caused by an increase in the height of the container as the chat widget expands, which will overlap any content outside of the .container using the width .container .

You can avoid this by removing the surrounding .container , .row and .col-md-5 and wrap the widget in your own wrapper by setting the width and display: inline-block; so that the container does not overlap other content.

See http://bootsnipp.com/snippets/x8G9R for an example. There are several ways to achieve the same result, this is just one example.

I used position: fixed; with my example, since it would probably be useful to be visible while scrolling.