[Solved] alignment mismatch in mobile view

@karthic,

The avatars on mobile screens should be hidden. Seems you've added a custom code to display those If so, please find and remove it. 

If you can't find the code (it may be a CSS conflict with the theme or other plugins), use this CSS code:

@media screen and (max-width: 600px){
   #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar {
       display: inline-block;
    }
}

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

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.

@asti Hiding the avatar on mobile is a good choice. Can you please give me the css code for that

@karthic,

Here it is: 

Posted by: @asti

↑

If you can't find the code (it may be a CSS conflict with the theme or other plugins), use this CSS code:

@media screen and (max-width: 600px){
   #wpdcom.wpd-layout-1 .wpd-comment .wpd-avatar {
       display: inline-block;
    }
}

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

@asti Thank you. I made it display none for the avatar in the mobile view and it looks much better

@karthic,

We're going to mark this thread as resolved and close it. Feel free to open a new topic if you have further questions.