Embedded chatbot hamburger menu

Any idea how to remove the hamburger menu from the chatbot on the website?

Hey, I had a poke through the docs and there is no documented option to hide the hamburger menu on the chat widget. The full list of data-* attributes is in the chat widget docs, and the menu is not exposed.

That hamburger looks like it opens the chat history (sessions are persisted in localStorage per the docs), so Retell probably treats it as core UI.

Two options that might work, but neither is documented:

  1. CSS override in your site stylesheet to hide the element. Use browser dev tools to find the selector. Heads up: if the widget uses a closed shadow DOM, your CSS will not reach inside it, so this may not work at all.
  2. Raise it as a feature request to Retell. A data-hide-history flag would be a clean addition.

If you find a working selector, share it back here, others have asked similar questions.

Docs: Retell Website Widget - Retell AI

Russell

Hey,

That cannot be removed, it shows all the chat history that is saved in your localstorage of your browser. It uses shadowDom behind the scene, so mostly you won’t be able to override it using the CSS.

You can raise a request with the RetellAI team to push an update to hide it. Also I see you are using prev version of the chat widget, RetellAI Team has released a new one, you can start using that.

Let me know if you have any other doubts.

Hello @catherine At the moment, the embedded chat widget always shows the hamburger (chat history) menu when the chat view is open, and there isn’t a supported data-* option or config flag to hide it.

Thank You