Sticky sidebar option for mobile

Hello @dan14,

To resize the chat window for mobile devices, please, follow these steps:

1) Go to your WordPress Dahsboard (sample screenshot)
2) On the “Customize Your Plugin” page go to “Chat Box” tab (sample screenshot)
3) On the Chat Window tab, select the desired value for to “Full Screen” (sample screenshot)
4) Save changes.

Also on this tab you can change the position and size of the chat widget on the screen using the “Position” and “Window Size” parameters.

Kind regards,
Support for WordPress plugin “Chatbot with IBM Watson”

I wasnt referring to the chat box once it is opened, I am talking about the chat bubble before clicking on it. Something like this but on the right hand side of the screen, just one square box https://ps.w.org/side-menu-lite/trunk/screenshot-1.png?rev=2429505

Hello @dan14,

To change the position and appearance of the chat button for mobile devices add a css media query to your site. For example, the following code changes the position and shape of the chat button:

       
   @media (max-width: set minimum screen size here) {
   / * changes the position of the chat button * /
   # watson-fab-float {
     top: 50vmin;
     right: 5vmin;
   }
   / * changes the shape of the chat button * /
   # watson-fab {
     border-radius: 0;
   }
}
    

To resize, simply add the desired values to the # watson-fab div.

Kind regards,
Support for WordPress plugin “Chatbot with IBM Watson”

Hello @dan14,
We haven’t heard from you recently.
Do you still have any questions or need our assistance?
We will gladly help you.

Kind regards,
Support for WordPress plugin “Chatbot with IBM Watson”

The topic was in the Waiting state for longer than 7 days. The topic was automatically resolved.

Kind regards,
Support for WordPress plugin “Chatbot with IBM Watson”