Skip to:
Content
Pages
Categories
Search
Top
Bottom

bbp-topic-form won’t show up properly on mobile


  • hiugregg
    Participant

    @hiugregg

    Hi there!

    I’m trying to get a bbpress forum set up on my site, and while we’ve got the majority of it set up the way we’d like, there’s an issue when someone tries to access the forum via mobile/smartphone.

    The reply box seems to overflow over the edge of the screen, such as in this picture:

    bbp-topic-form overlow on mobile

    I tried to adjust the width of the bbpress-topic-form using the Custom CSS on my theme, but while this seems to work for narrow browser windows on desktop, the mobile view remains the same as it does in the picture above.

    For reference, this was the code I was trying:

    @media only screen and (max-width: 600px) {
      #new-topic-0.bbp-topic-form{
        width: 50%;
      }
    }

    I was wondering if anyone had any ideas on what might be going on here? I’m running the Gridmag theme (not pro) at the minute, could that be causing a conflict?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Clivesmith
    Participant

    @clivesmith

    I have tried to sort this out as well without any luck, I have tried other themes as well, it is the same on bbpress 2.5.14 which I am still using because subforums has not been sorted yet.


    Robin W
    Moderator

    @robin-w

    depends on the mobile see

    http://mobiletest.me/

    and select the phone – you’ll see the css width listed under each


    Clivesmith
    Participant

    @clivesmith

    Hi Robin

    Forums and topics are fine on all the phones and tablets, it is only the replies on all the phones that is not correct.

    Clive


    Robin W
    Moderator

    @robin-w

    ok, change your code to

    @media only screen and (max-width: 600px) {
      #new-topic-0.bbp-topic-form, .bbp-reply-form {
        width: 50%;
      }
    }

    Clivesmith
    Participant

    @clivesmith

    Hi Robin,

    I did try that but it made the reply too small.

    Before we look more I would like to share what I see on the mobiletest.me

    Iphone res 640px topic create off screen – reply off screen
    HTC res 1080px topic create off screen – reply off screen
    Lumia res 768px topic create off Screen – Reply off screen
    Galaxy res 240px topic create OK screen – reply off screen
    tablets all OK

    what I find really strange is that on ALL the above phones the Header pic, post title and contents all fit OK.

    website is wateratairports.com


    Prima M
    Participant

    @primamahartanto

    Hy You can try this…

    
    /* BBPress Fix Topic bbp-topic-form won’t show up properly on mobile */
    @media (max-width:380px) and (min-width:320px) {
    	#bbpress-forums .bbp-the-content-wrapper,
    	#bbpress-forums #bbp_topic_title {
    		width: 100%;
    	}
    }
    
Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Skip to toolbar