Themeisle Docs

Appearance

How to move Hyve chat widget to a different position ​

Hyve’s floating chat bubble uses a fixed default position from plugin CSS. If it overlaps your cookie banner, floating buttons, or other UI elements, reposition it with custom CSS.

  1. In WordPress, go to Appearance > Customize > Additional CSS (or your theme’s custom CSS area).
  2. Add CSS similar to this and adjust the values:
css
.your-hyve-bubble-selector {
  right: 20px;
  bottom: 100px;
}

Replace .your-hyve-bubble-selector with the selector used by your Hyve chat bubble on your site.

  1. Publish your CSS changes.
  2. Reload your site and confirm the bubble no longer overlaps other elements.

⚠️ Warning: If you use a caching plugin or CDN, purge cache after changing CSS so the new widget position appears for visitors.