Display Comment Avatars on Mobile Devices

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

To display user avatars in the comments section on mobile devices, use the following CSS snippet:

@media only screen and (max-width: 480px) {
.comment-body img.avatar {
    display: block;
    width: 60px;
    height: 60px;
}
}

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.