Question [Solved] Comment Bubble Hidden By Footer Ad on Mobile

✦ Summarize Topic

How-to and Troubleshooting

Last Post by DailyNous 2 years ago

3 Posts

2 Users

1 Reactions

4,852 Views

RSS

Posts: 7

DailyNous

Topic starter

Translate ▼

Jul 28, 2023 1:14 am

(@dailynous)

Active Member

Joined: 2 years ago

[#7521]

Is there a way to slightly raise the position of the wpDiscuz comment bubble when it is set to the "content left" position? I ask because I recently started running a small floating footer ad on my site, and on phone displays, the ad covers most of the comment bubble (see screenshot). One can still click/tap on the bubble, but I'd like it to be above the ad, rather than obscured by it. Thanks!

Website URL

https://dailynous.com/

Topic Tags

bubble position

2 Replies

Posts: 8208

Asti

Support

Translate ▼

Jul 28, 2023 12:59 pm

(@asti)

Illustrious Member

Joined: 8 years ago

Hi @dailynous,

Please use the CSS code below:

@media screen and (max-width: 600px){
   #wpd-bubble-wrapper {
        bottom: 70px; 
   }
}

Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

The red-marked value can be changed as you like.

Don't forget to delete the caches before checking.

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.