AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

[Solved] Displaying wrong on mobile

✦ Summarize Topic

wpDiscuz Integration

Last Post by stosdenfer 5 years ago

5 Posts

2 Users

1 Reactions

5,443 Views

RSS

Posts: 5

stosdenfer

Topic starter

Translate ▼

Oct 31, 2020 2:43 am

(@stosdenfer)

Active Member

Joined: 5 years ago

[#1273]

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!

Topic Tags

comments mobile

4 Replies

Posts: 8210

Asti

Support

Translate ▼

Oct 31, 2020 12:51 pm

(@asti)

Illustrious Member

Joined: 8 years ago

@stosdenfer,

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

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.

Posts: 5

stosdenfer

Topic starter

Translate ▼

Oct 31, 2020 1:31 pm

(@stosdenfer)

Active Member

Joined: 5 years 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

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8210

Oct 31, 2020 1:37 pm

Reply to

stosdenfer

Translate ▼

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

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.