BuddyPress.org

Wordpress Version:4.9.2
BuddyPress Version: 2.9.2
Link in Question: https://www.flowtricks.net/members/alucard3933/activity/2716/#acomment-2745

I am using buddypress and having an issue with responsiveness in the activity feed. As someone replies to a comment, it nests in. The first reply starts in the middle of the screen it seems to nest off the avatar image. (please see the link above and view it in mobile – if in firefox – you can control + shift + m to activate mobile view).

Ive researched for hours and came up with some style.css but this doesn’t fix the problem – as the first reply begins in the center and only takes up half the mobile screen.

.activity ul.item-list li .activity-comments ul { margin-left: 30px !important }
/* subsequent comments accumulative indent */
.activity ul.item-list li .activity-comments ul ul { margin-left: 0px !important }

I’d just like to be able to detect mobile and then remove all extra indentions or nesting. From what I can see, the persons avatar graphic takes up half of the screen and so the first comment begins in the center – and each reply gets smaller after that. Maybe there’s a way to adjust how the avatar is interacting with the replies?

is there some php code I could plug in to remove this or anything I can change?

A screen shot shows what’s happening also.
https://scontent-dft4-2.xx.fbcdn.net/v/t34.0-12/27781017_1453624544765707_192881252_n.png?oh=c6f117526f2e0619a2d42d78324e3c3d&oe=5A7AF020