Issue with Nested Comments < 768px

[ovollc]

Hello, folks.

I’m not sure if this is an oversight in design, or possibly an issue I’ve created somewhere with other styles…

When viewed on a mobile (>768px) the nesting of comments is so great that after one reply, you’re comments are essentially off the screen.

It looks great in desktop views, but renders the comments pretty unusable on mobile.

See my screenshots attached.

Solution? Maybe a style to remove the nesting (margin?) below the mobile breakpoint?

If that’s the answer, could you assist with this style?

Thanks for all your support.

Attachments:

You must be logged in to view attached files.

[ovollc]

Would something like this do the trick?

@media only screen and (max-width: 767px) {
#comments-list li ul {
    list-style: none;
    margin: 0 0 0 00px;
    font-size: 100%;
}
}

[ovollc]

I think that will accomplish what I need. I’ll close this for now, but you may want to take that into consideration for a future revision. Removing the nesting below a certain viewport might be the best solution.

[Mohammad – SUPPORT]

Hi,
I am glad that you managed to resolve the issue.
Thanks
Mohammad