How do I make it so the live chat box does not slide up (transition) every time the page loads?

I feel like this will become annoying for customers to see the effect every time the page loads.. thanks

This is the default behavior of the chatbox, however, it can be disabled by adding this customization to your CSS:

#habla_topbar_div{-webkit-animation-name: disabled_animation !important;}
1
Hi there,

If you're using the attention grabber imager there is a checkbox for disabling/enabling slide out animation. Uncheck it. https://www.olark.com/extensions/attention_grabber

Let me know if there's anything else I can help you with.

Cheers,

Bill T
bill@olark.com
try our Help Center - http://olark.com/help
Thank me on twitter --> http://bit.ly/LTSjp7
1
Olark user easymanifest says…
Thanks. I am not using any extensions. I am using the default "Smoke" theme. Is there an option there to remove the animation?

Thanks again
0
Olark user litstone says…
Do you have to pay for custom CSS to do this? Changing the style of #habla_topbar_div (as suggested) did not work for me.
0
Nope, no Custom CSS needed for this hack! It should work as is, so long as you do not have any other styles overwriting this change.
Customer service software powered by Desk.com.