Customizing the position of the Chat Bubble

The Eesel AI widget is fully customizable in terms of position. You can adjust it using CSS or JavaScript to fit your layout or avoid overlapping with other elements.

🎨 Example 1: Move the widget with CSS

#eesel-oracle-widget > div {
   right: 40px;
   bottom: 80px; 
}

📱 Example 2: Responsive position with a media query

@media (max-width: 768px) { 
   #eesel-oracle-widget > div {
      right: 10px;
      bottom: 20px;
   }
}

🔧 Example 3: Adjust with JavaScript

document.querySelector("#eesel-oracle-widget > div").style.right = "40px"; document.querySelector("#eesel-oracle-widget > div").style.bottom = "80px";

You have full control — just target #eesel-oracle-widget > div in your styles or scripts.