Skip to:

Activity Replies Running Off Screen in Mobile

  • flowtricks


    Wordpress Version:4.9.2
    BuddyPress Version: 2.9.2
    Link in Question:

    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.

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.
Skip to toolbar