TIDIO CHAT RELOCATE ON MOBILE DEVICE TO PREVENT STICKY ADD TO CART OVERLAP

To move the Tidio widget higher, you'll need to add some custom CSS.

add this to the custom.css

@media (max-width: 767px) {
  #tidio-chat-iframe {
    bottom: 80px !important; /* Adjust this value as needed */
  }
}

• Implementing the CSS:

• Go to your Shopify admin panel

• Navigate to Online Store > Themes

• Click "Actions" for your current theme and select "Edit code"

• Look for your theme's main CSS file (often named theme.css or similar)

• Add the CSS snippet at the end of this file

• Save the changes