[Anticosti]

Greetings,

I made some languages tweaks in my bbpress-fr_FR.mo and bbpress-fr_FR.po files to make sure that when the forums are browse on mobile (portrait), then the strings ‘Participants‘ and ‘Articles‘ would not overlap (horizontally) each other. I translated those to short and sweet: ‘Voix‘ and ‘Posts‘

I used to edit the French language file with Loco Translator but now, for some reason I don’t understand, Trying to save the translation generates an “ERROR: Forbidden”

Also every time you upgrade bbpress language files and that I upgrade some plugins, the languages files are forced in and my French custom file gets overwritten. That is starting to be irritating. A chance I have a backup, but… this should not be the default behaviour. Isn’t it?

Please note, I found this “Error: Forbidden” problem with some other plugins where the .pot file had a missing language header.
Ref.:
https://wordpress.org/support/topic/error-forbidden-8

Kind Regards,

Yves

[Anticosti]

I solved this issue (plus some others) on my side, by adding this CSS:
Hope this may help someone else….

 
input#bbp_search { 
  margin: 0.25em 0.25em 0.25em 0.25em;
}
li.bbp-header {
  margin-top: 0px !important;
  margin-bottom: 2px !important;
  border: solid 0px red !important;
}
/* START -- Main Effect on Forum width on small devices */
ul.forum-titles li {
text-transform: uppercase !important;
  font-size: 12px !important;
}
li.bbp-forum-info, li.bbp-topic-title {
    width: 40%;
}
li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    width: 15%;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
    width: 30%;
}
/* END -- Main Effect on Forum width on small devices */

#bbpress-forums ul[id*='forums-list-'] {
  padding: 0px !important;
  border: solid 0px red !important;
  margin-bottom: 2px;
}
#bbpress-forums ul[id*='forums-list-'] li.bbp-body ul[id*='bbp-forum-'] {
  	padding: 10px !important;
    border: solid 0px red !important;
  	margin-bottom: 2px;
}
#bbpress-forums ul[id*='bbp-forum-'] {
border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -khtml-border-radius: 0px;
    -o-border-radius: 0px;
  	padding: 0px !important;
    border: solid 0px red !important;
  	margin-bottom: 2px;
}
#bbpress-forums ul[id*='bbp-topic-'].post-inner {
  border-radius: 0px 0px 0px 0px !important;
    -webkit-border-radius: 0px 0px 0px 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    -ms-border-radius: 0px 0px 0px 0px !important;
    -khtml-border-radius: 0px 0px 0px 0px !important;
    -o-border-radius: 0px 0px 0px 0px !important;

}
#bbpress-forums ul[id*='bbp-topic-'] {
padding: 10px !important;
  margin-bottom: 2px;
  border: solid 0px red !important;
}

#bbpress-forums p.bbp-topic-meta img.avatar,
p.bbp-topic-meta span.bbp-topic-freshness-author a img.avatar {
  display: none;
}
	 

Kind Regards,

[Anticosti]

I am having the same issue.
(https://wordpress.org/support/topic/feature-request-responsive-design?replies=1)

Here’s what I posted (edited):
Would be so great if bb style pack would support Responsive Design. When I browse my Forums on iPhone (portrait and landscape), the headers: ForumTopicsPostsFreshness (they all overlap horizontaly) making these unreadable and useless.

I have the feeling that using TABLES instead of DIVs and or UL, LI, in this case, would be very helpfull.

Using TABLES (th, tr, td) could play nice with a plugin like FooTables (Responsive Tables).

Kind Regards,