Close button hidden on mobile

  • Resolved agizzie

    (@agizzie)


    4 years, 1 month ago

    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

    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

    (@kamiltidio)

    4 years, 1 month ago

    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

    (@agizzie)

    4 years, 1 month ago

    Hi @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

    (@kamiltidio)

    4 years, 1 month ago

    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

    (@agizzie)

    4 years, 1 month ago

    Hi @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.

Tags