Proactive message on mobile

Pau Sanchez Updated by Pau Sanchez

Having troubles viewing your amazing Proactive Message on your phone? Let's get that fixed!

Showing correctly the Proactive message essentially depends on the width of the device being used; in order to over take this limitation we have developed a little workaround.

all you need to do is adding the following code in the body of the parent site:


@media screen and (min-width: 300px) {
.LandbotProactive {
display: block;
width: 298px !important;  


It's not the most practical approach, and its in our roadmap to improve the mobile experience, but this will hopefully help you to achieve your goal 🀩

These scripts and how to's are not native functionalities. Landbot won't be able to support, help or guarantee these scripts and how to's. These Workarounds and How to's are for developers, as a learning and example material on how to extend or modify some of the platform limitations.  Due to platform updates, some scripts might stop working in the future.Please, note that in case of Scripts and Workaround the Custom Success Team can deliver limited support.

How did we do?

How to Detect Visitors Browser

Conditional Welcome (Non-embedded bots)