Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #302234

    Hello!

    I just got the Enfold theme not too long ago and I must say this theme is fantastic! Before I begin, I would like to declare that I know nothing about css codes (basics maybe).. So basically, I’m a newbie who does extensive trial and error until I get it right!

    The issue I’m facing: bbpress forums on iOS devices (or maybe mobile devices in general) cramping posts/comments to the right, causing a wasted portion on the left.

    The entire UI on desktop is brilliant. It looks neat and clean and poses no problem at all. The tricky part starts when a user is on a mobile device. Posts tend to cramp itself on the right portion of the screen, with the profile photo taking the entire left side. It looks as though there is an imaginary box (like a chat bubble) so this has caused long wall of text to be unbearable to read.

    I’m trying to figure out if there is a way to actually merge the profile photo OR place it at the top of the actual post so that the post content takes full width as opposed to being cramped to the right.

    Any css code I can pump in to modify this behaviour? I hope you can help me out! :)

    Thanks!!

    P.S: I’ve included screenshots for your reference, as well as the site URL and dummy account for testing purposes.

    Desktop view for BBpress forums

    Responsive (mobile) view for BBpress forums

    #302641

    Hi Fadhli!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
    #bbpress-forums div.bbp-reply-author { float: none; margin-bottom: 10px; }
    .bbp-reply-author:before { display: none; }}

    Cheers!
    Yigit

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.