Hi there.I installed tidio and I would like to move the mobile widget up. I contacted the support and they gave me a script.But the script does not work through the custom CSS.Could you tell me where to add this script?Here is the text with this script.
The widget is moveable by CSS – here’s the script. It will move both the mobile and desktop version of the widget.
<style>
#tidio-chat iframe { bottom: 0em !important; }
@media only screen and (max-width: 980px) {
#tidio-chat iframe { bottom: 0px !important; }
}
</style>
The desktop and mobile widget use one iframe, so the only way to move them separately is to add a media query that specifies the screen size (the second and third line of the snippet).
The value is represented by the ’em’, which is 16px in terms of display movement. The value is set by multiplying the ’em’, e.g. if you set the chat to move by 2em – it will be moved by 32px.
.
