Sticky sidebar option for mobile

  • Resolved Dan14

    (@dan14)


    4 years, 2 months ago

    I am using a bottom menu (like gmail menu for example that is at the bottom of the mobile scree). The chat bubble is in the way of the menu. Is it possible to have a sidebar option for the live chat on mobile devices? My preference is on the right side. Displaying it as a rectangle or small square on the side of the screen will be great for the chat box for mobile devices.

    • This topic was modified 4 years, 2 months ago by Dan14.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Intela-bot Help

    (@intelahelp)

    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”

    Thread Starter Dan14

    (@dan14)

    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

    Plugin Author Intela-bot Help

    (@intelahelp)

    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”

    Plugin Author Intela-bot Help

    (@intelahelp)

    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”

    Plugin Author Intela-bot Help

    (@intelahelp)

    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”

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sticky sidebar option for mobile’ is closed to new replies.