Skip to:
Content
Pages
Categories
Search
Top
Bottom

mobile layout


  • Yolle
    Participant

    @yolle

    Hi.
    I have been partly successful in changing the mobile layout of the bbpress. I have managed to make avatars smaller in the mobile layout and also more aligned to the left, as well as the author name and author role. However, I can’t seem to find the correct code to make the content of the reply (bbp-reply-content?) more to the left or to make the space smaller between the author info and the text.
    Photo of the problem
    Surely there must be a very simple solution to this?
    Thanks!

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

  • Robkk
    Moderator

    @robkk

    you probably decrease the margin-left and add the @media at top

    #bbpress-forums div.bbp-topic-content {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: left;
    }

    need a link to just make sure though.


    Yolle
    Participant

    @yolle

    Hi!

    I finally managed to do it.
    I added this code so the avatar is at the top of the text

    #bbpress-forums div.bbp-reply-author {
    	float: none;
    	text-align: center;
    	}

    Then when the text was below the avatar I inserted this code to the mobile part of the css:

    #bbpress-forums div.bbp-reply-content {
    		margin-left: 20px;
    		padding: 0 0 0 0;
    		text-align: left;
    }

    Thanks for getting me on the right track.
    It concerns a closed forum and I was already preparing an access for you but then I managed by myself.
    Thanks again!

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