🔥
ECOMIFY THEME
  • ECOMIFY 3.0-3.9
  • INTRODUCTION
  • A NEW DOC PORTAL
Powered by GitBook
On this page
  1. INTRODUCTION
  2. ADDITIONAL CODE EDITS

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

Last updated 9 months ago

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