How to move the widget position up or down on your website

Continually appearance is very flexible, we give you the ability to edit the position of the Continually widget as you see fit, this comes in handy when you have a floating bar on mobile at the end of your page or have an important button that might be at the same height as the Continually button.

You can use a little CSS tweak to move the widget position up or down. To do this you need to edit the CSS attribute 'bottom' that affects the Widget position on mobile, to move the widget higher increase the value.

On Mobile

@media screen and (max-width: 450px){
#continually-message-container {
bottom:50px!important;
}}

Note:

Our widget turns mobile on screens 450px width and smaller. If your mobile version turns on on the wider screens, you should adjust the value of max-width: to match yours

On Desktop

#continually-message-container {
bottom:50px!important;
}

If you want to move the object to the front or the back, you can use the z-index rule, learn more about that:  How to override chatbot default z-index and CSS styles