Skip to:
Content
Pages
Categories
Search
Top
Bottom

Activity Replies Running Off Screen in Mobile


  • flowtricks
    Participant

    @flowtricks

    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

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