[Solved] live bubble

Hi @max-hoefer

You should use your custom CSS code, like this one:

@media screen and (max-width: 600px){
   #wpd-bubble-wrapper.wpd-left-corner, #wpd-bubble-wrapper.wpd-left-content {
      left: 250px !important;
   }
   #wpd-bubble-wrapper.wpd-left-corner > #wpd-bubble #wpd-bubble-add-message::before{
      left: -63px;
   }
   #wpd-bubble-add-message {
      left: -250px !important;
  }
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again. 

You should change the red marked values if you want. 

Don't forget to press Ctrl+F5 (twice) on the frontend before checking.

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

is it possible to deactivate the comment bubble on mobile? 

@max-hoefer,

Sure, use the CSS code below:

@media screen and (max-width: 600px){
   div#wpd-bubble-wrapper {
       display: none !important;
   }
}