[Solved] Responsive / Mobile

Alina

Translate ▼

@alina of course

On this url there are no comments and then you see that the website does not have any problems.
https://needfud.com/

This url has a comment box but no comments have been given yet. Here you can already see that the website is not that responsive anymore and you can swipe a little bit from left to right.
https://needfud.com/investors-and-founders-of-ripple-in-addition-how-does-ripple-work/

This url contains a number of comments and you can see that you can swipe a large part from left to right.
https://needfud.com/no-we-use-monero-for-that-stuff-nice-try-fud-harder/

I assume that I don't have to mention that this is the case when the website is visited on mobile devices.

Alina

Moderator

(@alina)

Joined: 6 years ago

Member

Posts: 71

May 29, 2020 10:25 pm

Translate ▼

Please try the following CSS code, it should solve the issue.

#wpdcom .wpd-thread-list {
    overflow: hidden;
}

The CSS code should be added in the Dashboard > Comments > wpDiscuz > Srttings > Styles and Colors admin page in the "Custom CSS Code" textarea.

mrcrownnnnn

(@mrcrownnnnn)

Joined: 6 years ago

Active Member

Posts: 12

Jun 06, 2020 2:59 pm

Alina

Translate ▼

@alina Hey, this does help that you can't slide left/right anymore, but it also causes another problem. It doesn't show all the text in the comment anymore, just like the option to edit your comment, for example. see screenshot and this link.

Then I also have the question, why can I post an image via desktop as a comment but not on mobile? The rich editor is on for both.

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8208

Jun 06, 2020 5:16 pm

Translate ▼

Please use this CSS code as well. The issue should be solved.

#wpdcom .wpd-comment-text {
   word-break: keep-all;
}

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: 509

Tom

Support

Translate ▼

Jun 06, 2020 9:03 pm

(@tomson)

Honorable Member

Joined: 10 years ago

Hi @mrcrownnnnn,

I think you're using wpDiscuz Minimal Style, am I right?

Please note, that the minimal style is a developers style, it turns off wpDiscuz style and let you create your own style from scratch. We don't support Minimal style, it's just added for developers. Please switch to the Default style in Dashboard > wpDiscuz > Settings > Styles ad Colors Tab. Then delete all caches and always use incognito/private session of mobile browser when you are checking.

Please read the doc: https://wpdiscuz.com/docs/wpdiscuz-7/plugin-settings/styles-and-colors/#comment-form-and-comment-list-style

6 Replies

mrcrownnnnn

(@mrcrownnnnn)

Joined: 6 years ago

Active Member

Posts: 12

Jun 06, 2020 10:27 pm

Tom

Translate ▼

Hey @tomson

Yes you're right I did use wpDiscuz Minimal. I changed it to default, but I still keep the problem. At least, partly, on my android phone (Oneplus 7T) I have the problem with both Chrome, Brave and firefox in incognito mode. But when I look at it on an Iphone with safari it seems to be fine.

Tom

Support

(@tomson)

Joined: 10 years ago

Honorable Member

Posts: 509

Jun 06, 2020 10:32 pm

Translate ▼

Ok, please delete all kind of caches and only use incognito/private session in your mobile browser. Do you use the incognito mode? Please show the problem again on screenshot in an incognito tab of mobile browser.

mrcrownnnnn

(@mrcrownnnnn)

Joined: 6 years ago

Active Member

Posts: 12

Jun 06, 2020 11:14 pm

Tom

Translate ▼

@tomson

All caches have been deleted, this is in private mode with firefox. With other browsers you can't take a screenshot in private mode.

Tom

Support

(@tomson)

Joined: 10 years ago

Honorable Member

Posts: 509

Jun 06, 2020 11:49 pm

Translate ▼