In the pic (mobile view), you can see that the text is below the avatar but I want it to align with the avatar like on the desktop.
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
Here it is:
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
We're going to mark this thread as resolved and close it. Feel free to open a new topic if you have further questions.
