Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 23, 2015 at 1:20 am #463108
    bambinou1980

    Hello,

    I thought it was happening only on my own website but I have just realized that BBPRESS which you are using yourself on this website does not re-size properly at all on mobiles.
    To check it out, click on any threads(or even this one) in this forum and re-size your browser to a mobile size, you will notice that the width of the BBPress table where the text is looks pretty bad, it is pretty much impossible to read a post even via your own forum. Is there a way to fix this please in a future update as both yours and my forums have the exact same problem.

    Thank you,

    Ben

    June 23, 2015 at 1:58 pm #463369
    Elliott

    Hi bambinou1980!

    Send us a link to your page and take a screenshot highlighting the exact changes your wanting to do. I suppose you could get some more space by hiding the forum avatars on small devices.

    Cheers!
    Elliott

    June 23, 2015 at 2:05 pm #463379
    bambinou1980

    Hi Elliot,

    Thank you for the reply.

    Here is a post example:
    http://www.ulcerative-colitis-forum.com/forums/topic/vsl3-uk-cheap-or-not/

    And here is what I see on my mobile, both for your forum and my forum (as we are using the same one…BBPRESS).

    http://i57.tinypic.com/21kl15g.jpg

    As you can see, it makes it impossible for the user to read the threads comfortably. The user name name is taking half of the whole space.

    Thank you,

    Ben

    June 24, 2015 at 12:21 pm #463958
    Andy

    Hi!

    use this code:

    @media only screen and (max-device-width: 736px) {
.odd.bbp-parent-forum-23.bbp-parent-topic-694.bbp-reply-position-1.user-id-110.topic-author.post-694.topic.type-topic.status-publish.hentry.topic-tag-vsl3-uk {
left: -9px;
}
.bbp-reply-author {
margin-right: -2px;
}}

    for the small white arrow use this:

    @media only screen and (max-device-width: 736px) {
.main_color #bbpress-forums li.bbp-body ul.forum, .main_color #bbpress-forums li.bbp-body ul.topic, .avia_transform .main_color .bbp-replies .bbp-reply-author:before, .avia_transform .forum-search .main_color .bbp-reply-author:before, .avia_transform .forum-search .main_color .bbp-topic-author:before {
left: 70px;
}}

    or use “display: none;” instead “left: 70px;” if you want to hide it for mobile.

    Hope this helps.

    Best regards,
    Andy

    June 24, 2015 at 12:39 pm #463974
    bambinou1980

    Hi Andy,

    Thank you for your help but I am not sure I understand what will this code will do as you have added a class “topic-tag-vsl3-uk” + other classes referring to that single post, but the problem is all over the forum, not just that post. You have the same problem in your forum, try to read all your topics on a small mobile, you will notice that the username is taking half of the screen in width.

    Now regarding your second code I added but I am not sure what it should be doing as it is the same as before on my forum page.

    Thank you,

    Ben

    June 25, 2015 at 11:43 am #464543
    Andy

    Hi!

    try this code instead: 

    .bbp-reply-author {
margin-right: -17px !important;
padding-right: 45px;
}

    and adjust as needed.

    Cheers!
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.