Position of bubble on tablet & mobile

Hi @vavw,

Could you please leave your website URL to allow us to debug the CSS conflict? 

https://clearskies.eu/blog/backyard/25may20/

Give the page a few seconds to load, as it contains a table at the bottom.

And feel free to leave a comment 😉

@vavw,

We've found another issue on your website. One of the plugins (we guess some security plugin) you're using doesn't allow the guests to leave a comment. In our case, we've also not able to post comments. 

I've recorded a video please watch it and you'll see the js errors caused by the plugin: https://www.screencast.com/t/mcqXwhwKi

Please deactivate the plugins and check (comment as a guest) after each deactivation to find the problem maker plugin: 

That is an interesting one, as I myself can comment as a guest, from both my home connection and cellular. I guess this is not a plugin issue but perhaps a regional one?

Your test comment worked this time.

@vavw,

yes, it was blocked by countries. No such a problem anymore. Please wait a bit. We'll try to find some CSS solution for the main issue you've mentioned soon. 

Many thanks! Can't believe so many features of your plugin are free.

@vavw,

Please navigate to Dashboard > wpDiscuz > Settings > Styles & Colors admin page, put the CSS codes in the  "Custom CSS Code" textarea, save, it delete all caches and chgeck again, the issue should be solved:

@media screen and (max-width: 1024px){
    #wpd-bubble-wrapper {
        left: unset !important;
    }
    #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before {
        left: 290px;
    }
    #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message {
        left: -300px;
    }
}

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.

That's a good fix for the balloon's positioning, but the <<invite to comment>> box needs a nudge towards the left (on 1024px and narrower screens).

@vavw,

This will be fixed in the next update. Currently, you can use this CSS codes:

@media screen and (max-width: 1024px){
   #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message {
      left: -228px;
   }
   #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before {
      left: 219px;
   }
   #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {
     width: 220px;
   }
}

That CSS works, but only in together with the one you sent earlier. The latest CSS alone places the bubble back in the bottom left corner.

@vavw,

Yes, those codes should be added together. The changes will be included in the plugin core, so, you'll be able to remove the codes provided by us.