Skip to:
Content
Pages
Categories
Search
Top
Bottom

move content in bottom


  • deyvinchi
    Participant

    @deyvinchi

    hello..anyone can help me..
    i’m sorry if my english so bad.

    my topic look like this in mobile.
    image content

    my bb content look ugly. can i move bbp author on top and my bbp topic content on bottom ? or bb content lock full witdh.
    help me please

    Media Queries
    ————————————————————–*/

    /* =Standard Mobile Landscape
    ————————————————————– */

    @media
    screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
    -webkit-text-size-adjust: none;
    }

    @media
    only screen and (max-width: 480px) {
    #bbpress-forums div.bbp-topic-tags {
    clear: left;
    float: left;
    }
    div.bbp-search-form input,
    div.bbp-search-form button {
    font-size: 11px;
    padding: 2px;
    }
    li.bbp-forum-info,
    li.bbp-topic-title {
    width: 45%;
    }
    li.bbp-forum-topic-count,
    li.bbp-forum-reply-count,
    li.bbp-topic-voice-count,
    li.bbp-topic-reply-count {
    width: 15%;
    }
    span.bbp-reply-post-date {
    float: left;
    }
    span.bbp-reply-post-date+p {
    clear: both;
    }
    span.bbp-admin-links {
    clear: left;
    float: left;
    }
    #bbpress-forums .bbp-forums-list li {
    display: block;
    font-size: 11px;
    }
    #bbpress-forums .bbp-body div.bbp-reply-author {
    margin: -15px 10px 10px;
    min-height: 100px;
    padding-left: 80px;
    position: relative;
    text-align: left;
    width: 100%;
    }
    #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    clear: none;
    display: inline-block;
    margin-left: 0;
    word-wrap: break-word;
    }
    #bbpress-forums div.bbp-reply-author img.avatar {
    position: absolute;
    top: 15px;
    left: 0;
    width: 60px;
    height: auto;
    }
    #bbpress-forums div.bbp-reply-author .bbp-author-role {
    font-size: 12px;
    font-style: normal;
    }
    #bbpress-forums .bbp-body div.bbp-reply-content {
    clear: both;
    margin: 10px;
    padding: 0;
    }
    #bbpress-forums div.bbp-reply-content p {
    margin-bottom: 1em;
    }
    div.bbp-submit-wrapper {
    float: left;
    }
    #bbpress-forums fieldset.bbp-form {
    padding: 0 10px 10px;
    }
    #bbpress-forums #bbp-user-body {
    clear: both;
    margin-left: 0;
    word-wrap: break-word;
    }
    }

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

  • hotconductor
    Participant

    @hotconductor

    I have the same question. Excellent request. Can anyone point us in the right direction? I have a great web developer but bbpress is a bit of a beast on this stuff and I’d hate to approach this without some guidance before diving in!


    Robkk
    Moderator

    @robkk

    It adds this by default at 480px in the bbPress stylesheet. Should definitely show up unless you have reply threading activated because of some weird bug when it is activated.

    #bbpress-forums .bbp-body div.bbp-topic-author,
    	#bbpress-forums .bbp-body div.bbp-reply-author {
    		margin: -15px 10px 10px;
    		min-height: 100px;
    		padding-left: 80px;
    		position: relative;
    		text-align: left;
    		width: 100%;
    	}
    
    	#bbpress-forums div.bbp-topic-author img.avatar,
    	#bbpress-forums div.bbp-reply-author img.avatar {
    		position: absolute;
    		top: 15px;
    		left: 0;
    		width: 60px;
    		height: auto;
    	}
    
    	#bbpress-forums .bbp-body div.bbp-topic-content,
    	#bbpress-forums .bbp-body div.bbp-reply-content {
    		clear: both;
    		margin: 10px;
    		padding: 0;
    	}

    adarshmadrecha
    Participant

    @adarshmadrecha

    Is the bug still present? I am using 2.5.12, released on December 9, 2016.
    And still facing the same problem.

    Theme: Avada 5.0.4
    Wordpress: 4.7
    BBpress: 2.5.7

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