Title: Close button hidden on mobile
Last modified: March 6, 2022

---

# Close button hidden on mobile

 *  Resolved [agizzie](https://wordpress.org/support/users/agizzie/)
 * (@agizzie)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/close-button-hidden-on-mobile-2/)
 * Hi,
 * I’m not sure if this is related to having recently moved the chat icon up slightly
   on mobile but, once the chat page is opened up after clicking the icon, the ‘
   X’ button to close the chat is hidden slightly and therefore the chat can not
   be ended to get back to the main website.
 * Please see [screen shot](https://imgur.com/a/FGGSbZh)
 * I’ve tried adding a margin and padding to the iframe top but it has not effect.
 * Is this due to having recently added the margin to the bottom to move the icon
   up so it doesn’t cover the shopping basket? Or is it a separate issue?
 * Please advise, thanks
 * A

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Support [kamiltidio](https://wordpress.org/support/users/kamiltidio/)
 * (@kamiltidio)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/close-button-hidden-on-mobile-2/#post-15433265)
 * Hi!
 * Thank you for reaching out to Tidio Support.
    My name is Kamil and I’ll gladly
   help you with the issue you’re having 🙂
 * It seems that the code was adjusted incorrectly.
    Could you please paste the 
   code you used to move the chat?
 * Many thans!
 *  Thread Starter [agizzie](https://wordpress.org/support/users/agizzie/)
 * (@agizzie)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/close-button-hidden-on-mobile-2/#post-15433873)
 * Hi [@kamiltidio](https://wordpress.org/support/users/kamiltidio/)
 * Thanks for getting back to me, here is the code I used
 *     ```
       @media only screen and (max-width: 980px) {
        /*Edit the 0px number according to your website for mobile*/
            #tidio-chat-iframe {
       	  margin-bottom: 2em !important; 
   
       	  }
       }
       ```
   
 *  Plugin Support [kamiltidio](https://wordpress.org/support/users/kamiltidio/)
 * (@kamiltidio)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/close-button-hidden-on-mobile-2/#post-15434838)
 * Please try using this one 🙂 It should work fine.
 *     ```
       @media only screen and (max-width: 980px) {
           #tidio-chat-iframe { bottom: 2em !important; }
       }
       ```
   
 *  Thread Starter [agizzie](https://wordpress.org/support/users/agizzie/)
 * (@agizzie)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/close-button-hidden-on-mobile-2/#post-15435271)
 * Hi [@kamiltidio](https://wordpress.org/support/users/kamiltidio/)
 * Thanks for your suggestion, but I ended up using a vh setting in the end

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Close button hidden on mobile’ is closed to new replies.

 * ![](https://ps.w.org/tidio-live-chat/assets/icon-256x256.gif?rev=3465139)
 * [Tidio – Live Chat & AI Chatbots](https://wordpress.org/plugins/tidio-live-chat/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tidio-live-chat/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tidio-live-chat/)
 * [Active Topics](https://wordpress.org/support/plugin/tidio-live-chat/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tidio-live-chat/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tidio-live-chat/reviews/)

## Tags

 * [tidio](https://wordpress.org/support/topic-tag/tidio/)

 * 4 replies
 * 2 participants
 * Last reply from: [agizzie](https://wordpress.org/support/users/agizzie/)
 * Last activity: [4 years, 1 month ago](https://wordpress.org/support/topic/close-button-hidden-on-mobile-2/#post-15435271)
 * Status: resolved