[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,052 Views

RSS

Posts: 12

taraknathgorai

Topic starter

Translate ▼

Jun 13, 2020 4:27 am

(@taraknathgorai)

Eminent Member

Joined: 6 years ago

[#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/

Topic Tags

2 Replies

Posts: 8210

Asti

Support

Translate ▼

Jun 13, 2020 11:09 am

(@asti)

Illustrious Member

Joined: 8 years ago

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.