[Solved] The Comment Bubble is Appearing on the opposite side in my Mobile

✦ Summarize Topic

Bug Reports

Last Post by taraknathgorai 6 years ago

3 Posts

2 Users

0 Reactions

2,146 Views

RSS

taraknathgorai

(@taraknathgorai)

Posts: 12

Eminent Member

Topic starter

Translate ▼

[#350]

I have added the comment bubble to the right bottom of my webpage... which is working well for my browser.. but for my mobile .. its appearing on the left side.. and the notification to comment is lost in the frame .. Maybe u can see the example and replicate the error

https://elakkai.com/events/monthly-on-27th/

Posted : 13/06/2020 4:27 am

Topic Tags

Asti

(@asti)

Posts: 8259

Illustrious Member Support

Translate ▼

Hi @taraknathgorai,

This is a known issue. It'll be fixed in the next update.

Below is provided a CSS solution you can use to solve it on your website:

@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: 240px;
   }
   #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message {
      left: -248px;
   }
   #wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {
      width: 220px;
   }
}

The CSS codes should be added to the "Custom CSS code" textarea. It's located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

Please don't forget to delete all caches before checking.

Also, 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.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posted : 13/06/2020 11:09 am

taraknathgorai

(@taraknathgorai)

Posts: 12

Eminent Member

Topic starter

Translate ▼