wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] Displaying wrong on mobile  


stosdenfer
Posts: 4
Topic starter
(@stosdenfer)
New Member
Joined: 3 months ago

Hi!

I just installed wpDiscuz and I love it on the desktop!

However, when I went to check on the mobile version of the site, the replies were shifted like shown in the screenshot and I can't figure out how to fix it.

 

I'm using elementor, and for my posts I've created a template with elementor. However, when using elementor I need to add just the default comments which wpDiscuz replaces, and with default comment widget there is no customisation, so I don't know how to fix the issue.

 

Thanks in advance!

20201030 234216

 

Topic Tags
4 Replies
Asti
Posts: 1916
 Asti
Support
(@asti)
Support member
Joined: 3 years ago

@stosdenfer,

Please leave some example URL to allow us to check the issue. 

stosdenfer
Posts: 4
Topic starter
(@stosdenfer)
New Member
Joined: 3 months ago

Thank you for the reply! 

Here's the link to a test blog post where you can see the issue:

https://zamaaero.com/novosti-iz-regije/u-rujnu-velika-rezanja-u-regiji2/

2 Replies
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 1916

@stosdenfer,

Use the following CSS code:

@media screen and (max-width: 600px){
#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info {
margin-top: 0;
margin-left: 0;
}
}

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.

stosdenfer
(@stosdenfer)
Joined: 3 months ago

New Member
Posts: 4

@asti

Great! It's working now!

Thank you so much! 🙂

Share: