Moving the Mobile Icon Widget

  • Resolved Omar

    (@onabhani)


    2 years ago

    Hello,
    Thank you for your great services.

    I was trying to change the position of the mobile icon widget and i used the following code: 

    
/*Edit the 0em number according to your website for desktop*/
#tidio-chat-iframe { margin-bottom: 0em !important; }
@media only screen and (max-width: 980px) {
 /*Edit the 0px number according to your website for mobile*/
     #tidio-chat-iframe { margin-bottom: 0px !important; }
}

    It is working fine, but the margin affects all the windows so the closing button and the agent name will not appear. Is there a way to only move the icon without touching the chat frame?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Omar

    (@onabhani)

    Hello, is there any help here?

    Plugin Support kamiltidio

    (@kamiltidio)

    Hi there Omar!

    My name is Kamil, I’m from the Tidio technical support, and I’ll gladly help you with your inquiry ??
    The code you mentioned for moving the chat widget is obsolete and causes the issues you’ve said.

    You’d need to use this code if you’d like to move Tidio on mobile devices. 

    <style>
@media only screen and (max-width: 980px) {
    #tidio-chat-iframe { bottom: 32px !important; }
}
</style>

    I appreciate your patience – we had a bank holiday in our country and didn’t answer quicker.

    • This reply was modified 2 years ago by kamiltidio.
    • This reply was modified 2 years ago by kamiltidio. Reason: wrong formatting
    Thread Starter Omar

    (@onabhani)

    Hello Kamil,

    It worked well!
    Thank you and I appreciate your time.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Moving the Mobile Icon Widget’ is closed to new replies.