How to change comment bubble placement for small screens (overlapping plugin) - How-to and Troubleshooting

RE: How to change comment bubble placement for small screens (overlapping plugin)

miguelp — Wed, 04 May 2022 14:22:02 +0000

Works! Thanks!

RE: How to change comment bubble placement for small screens (overlapping plugin)

Asti — Wed, 04 May 2022 12:54:43 +0000

@miguelp,

Use the CSS code below:

@media screen and (max-width: 1024px){ 
    #wpd-bubble-wrapper.wpd-left-content {
       bottom: *** 83px***  !important;
        left: ***  35px ***  !important;
    }                                     
}

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

The red marked value can be changed as you like.

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.

RE: How to change comment bubble placement for small screens (overlapping plugin)

miguelp — Wed, 04 May 2022 12:33:52 +0000

it is on all articles - but one specific one is cryptopredictpro. com/forecast/terra-price-prediction-2022-2025-2030/ - check on small screens - mobile phones on landscape overlap the left 'previous post box and portrait mode overlaps scrolling text. I have sent screenshots of both portrait and landscape.

2467 2468

RE: How to change comment bubble placement for small screens (overlapping plugin)

Asti — Wed, 04 May 2022 08:33:12 +0000

@miguelp,

Please leave an example URL to allow us to check the issue and provide a CSS solution for you.

How to change comment bubble placement for small screens (overlapping plugin)

miguelp — Mon, 02 May 2022 16:52:03 +0000

Hello

How do I change the comment bubble placement for small screens as it is overlapping a plugin. I just need it a bit higher on small screens. On desktop it is fine. I have added a screenshot here.

2465