• Resolved Taramin

    (@taramin)


    Hi Team,

    I would like to increase the chatbox window size on desktop computers (but not on mobile devices).
    I would like to show it at more or less 1/4 of the screen size as per the Watson assistant try out window on the IBM cloud (which is full height and 1/4 of the screen size).
    I’ve tried to play with @media screen and (max-width: 1024px) but it does not work on desktop and the size is too big on some mobile phone (the input field is hidden at the bottom of the screen).
    Any idea how I can do this?
    Best regards,
    Devrim

    • This topic was modified 6 years, 10 months ago by Taramin.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Intela-bot Help

    (@intelahelp)

    Hi Devrim!

    Appearance issues depend on your site theme and installed plugins.

    One way to solve your problem is to add custom CSS.
    Follow these steps to do that:

    1. Go to your WordPress Dashboard.
    2. In the left menu, there is “Appearance” submenu.
    3. Select “Customize” in “Appearance” submenu (sample screenshot).
    4. Select “Additional CSS” in the left menu (sample screenshot).
    5. Add custom CSS, something like this (sample screenshot) and press the Publish button:
    @media (min-width: 1025px) {
      #watson-float {
        top: 0;
        right: 0 !important;
      }
    
      #watson-box {
        width: 25vw !important;
        height: 100vh !important;
      }
    
      #message-container {
        height: calc(100% - 2.75em) !important;
      }
    }

    If you still have any questions, don’t hesitate to ask us. We will gladly answer.

    Thread Starter Taramin

    (@taramin)

    Thank you very much.
    Works like a charm!
    Cheers!

    Devrim

    Plugin Author Intela-bot Help

    (@intelahelp)

    You are welcome!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Increase Chatbox window size’ is closed to new replies.