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,
