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

Question [Solved] mobile layout

✦ Summarize Topic

General Discussions

Last Post by Asti 3 years ago

7 Posts

2 Users

0 Reactions

4,992 Views

RSS

Posts: 4

akilasameera

Topic starter

Translate ▼

Feb 22, 2023 1:30 am

(@akilasameera)

Active Member

Joined: 3 years ago

[#6694]

Hi all the layout works great in the desktop. however when it comes to mobile all the replies will be in the straight vertical line. no way to find who reply to whom. how can i fix that.

Website URL

http://athangili.com/index.php/2021/09/15/voluptatum-qui-et-repellat-incidunt/

Topic Tags

mobile layout

6 Replies

Posts: 4

akilasameera

Topic starter

Translate ▼

Feb 22, 2023 8:16 am

(@akilasameera)

Active Member

Joined: 3 years ago

also can you please tell me how can i get the layout which you had in wpdiscuz 5

5 Replies

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8208

Feb 22, 2023 11:55 am

Reply to

akilasameera

Translate ▼

@akilasameera,

however when it comes to mobile all the replies will be in the straight vertical line. no way to find who reply to whom. how can i fix that.

We don't see the wpDiscuz installed on your website at all.

also can you please tell me how can i get the layout which you had in wpdiscuz 5

You can downgrade the wpDiscuz to version 5.X.X and use it if you like its design.

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.

akilasameera

(@akilasameera)

Joined: 3 years ago

Active Member

Posts: 4

Feb 22, 2023 12:09 pm

Reply to

Asti

Translate ▼

@asti sorry actually i was checking something. please check again. I activated the plugin.

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8208

Feb 22, 2023 1:40 pm

Reply to

akilasameera

Translate ▼

@akilasameera,

We don't recommend adding extra padding for those replies. The screen of mobile don't have big widths, so you may have issues with the design.

Please watch this video to better understand what I mean: https://www.screencast.com/t/pLgwdcBPgj

Anyway, if you still want to add extra space use the CSS code below

@media screen and (max-width: 600px){
   #wpdcom.wpd-layout-3 .wpd-reply {
       margin-left: 23px;
   }
}

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

Please change the red-marked value before using it.

Don't forget to delete the caches before checking.

Also, please try in 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.

akilasameera

(@akilasameera)

Joined: 3 years ago

Active Member

Posts: 4

Feb 22, 2023 2:11 pm

Reply to

Asti

Translate ▼

@asti thank you so much it works.

How can i remove all tooltip mobile and desktop.

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8208

Feb 22, 2023 2:33 pm

Reply to

akilasameera

Translate ▼

@akilasameera,

Use this CSS code:

[wpd-tooltip]:hover::after {
    display:none !important;
}
[wpd-tooltip]:hover::before{
    display:none !important;
}

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.