Comment bubble counter misaligned

✦ Summarize Topic

How-to and Troubleshooting

Last Post by Asti 5 years ago

2 Posts

2 Users

0 Reactions

1,526 Views

RSS

Posts: 7

Jaqumo

Topic starter

Translate ▼

Jun 29, 2021 4:34 am

(@jaqumo)

Active Member

Joined: 5 years ago

[#2196]

Bubble and Bubble comment counter are misaligned after wpDiscuz setup wizard:

Address:

https://www.shmua.com/newblog/455-2/

It seemed to be fixed if this style is removed(Tried manually in chrome devtools):

#wpd-bubble-wrapper

/* left: 10px !important; */

Should I bypass the error with css or is there a setting that solved it without overriding default behavior?

Thanks.

1 Reply

Posts: 8210

Asti

Support

Translate ▼

Jun 29, 2021 11:03 am

(@asti)

Illustrious Member

Joined: 8 years ago

@jaqumo,

Just use the following CSS code to solve the issue:

@media screen and (max-width:1024px){
     #wpd-bubble-wrapper{
        left: auto !important;
      }
}

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

Please 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.

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.