Archived topic
Better responsive css for nested comments
5 replies · Started by Pete on April 10, 2016
Hi Tom, the current css for nested comments works well for a larger screen but when it comes to mobile devices the paddings, margins & indents are too large and doesn't allow for more than a few nested comments before the latest nested comment is very (too) narrow.
Would you like to review the css and maybe look at reducing the paddings/indents etc overall and/or at the 768px break point?
Thanks heaps
Pete
Absolutely, on my to do list for the next version.
Thanks!
Great thanks :)
This is done in the next version.
@media (max-width: 768px) {
.comment .children {
padding-left: 10px;
margin-left: 0;
}
}Thanks Tom, any chance in having the post author's comments highlighted a little?
There's no plans for that right now, but it's easy enough to do with some CSS.
For example:
.bypostauthor > article .comment-content {
background: yellow;
}