[deyvinchi]

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

my topic look like this in mobile.

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;
}
}

[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]

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]

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