Feature Request: Responsive Design

Can you post a link to a screenshot – so I can see exactly which part is going wrong !

Robin,

You may check this thread here (you will understand):
https://bbpress.org/forums/topic/responsive-issue/#post-171960

Same issue

Kind Regards,

not ignoring you – just thinking about it……

In any case…

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

Still strongly beleive that the best approach would be to use responsive tables ??

Kind Regards,

The list vs. tables is a bbpress thing, and I don’t wqrite bbpress, just plugins that help it.

This is a theme issue as far as I can see from a brief look – ie how your theme handles lists. If you switch to say twentyfifteen it handles small screen without any crunching.

I could add a template as an add-on, but I’m not sure how much is your theme and how much bbpress, so not quite sure what to put in.

But I will look at it again when I get a moment, and if it seems to be common and I can find a common solution, I’ll certainly add one.

Thanks for posting your solution, that should help others while I ponder further.

Anyhow… You have to know that I very much appreciate your hard work with this great plugin. Thumbs up!

Sincerly,