Title: Feature Request: Responsive Design Last modified: August 31, 2016 --- # Feature Request: Responsive Design * Resolved [Anticosti](https://wordpress.org/support/users/anticosti/) * (@anticosti) * [10 years, 3 months ago](https://wordpress.org/support/topic/feature-request-responsive-design/) * 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, in this case, would be very helpfull. * Using TABLES (th, tr, td) could play nicew with a plugin like FooTables. * Kind Regards, * [https://wordpress.org/plugins/bbp-style-pack/](https://wordpress.org/plugins/bbp-style-pack/) Viewing 6 replies - 1 through 6 (of 6 total) * Plugin Author [Robin W](https://wordpress.org/support/users/robin-w/) * (@robin-w) * [10 years, 3 months ago](https://wordpress.org/support/topic/feature-request-responsive-design/#post-7084230) * Can you post a link to a screenshot – so I can see exactly which part is going wrong ! * Thread Starter [Anticosti](https://wordpress.org/support/users/anticosti/) * (@anticosti) * [10 years, 3 months ago](https://wordpress.org/support/topic/feature-request-responsive-design/#post-7084273) * Robin, * You may check this thread here (you will understand): [https://bbpress.org/forums/topic/responsive-issue/#post-171960](https://bbpress.org/forums/topic/responsive-issue/#post-171960) * Same issue * Kind Regards, * Plugin Author [Robin W](https://wordpress.org/support/users/robin-w/) * (@robin-w) * [10 years, 3 months ago](https://wordpress.org/support/topic/feature-request-responsive-design/#post-7084357) * not ignoring you – just thinking about it…… * Thread Starter [Anticosti](https://wordpress.org/support/users/anticosti/) * (@anticosti) * [10 years, 3 months ago](https://wordpress.org/support/topic/feature-request-responsive-design/#post-7084365) * 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, * Plugin Author [Robin W](https://wordpress.org/support/users/robin-w/) * (@robin-w) * [10 years, 3 months ago](https://wordpress.org/support/topic/feature-request-responsive-design/#post-7084370) * 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. * Thread Starter [Anticosti](https://wordpress.org/support/users/anticosti/) * (@anticosti) * [10 years, 3 months ago](https://wordpress.org/support/topic/feature-request-responsive-design/#post-7084398) * Anyhow… You have to know that I very much appreciate your hard work with this great plugin. Thumbs up! * Sincerly, Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Feature Request: Responsive Design’ is closed to new replies. * ![](https://ps.w.org/bbp-style-pack/assets/icon-256x256.jpg?rev=2706563) * [bbp style pack](https://wordpress.org/plugins/bbp-style-pack/) * [Support Threads](https://wordpress.org/support/plugin/bbp-style-pack/) * [Active Topics](https://wordpress.org/support/plugin/bbp-style-pack/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/bbp-style-pack/unresolved/) * [Reviews](https://wordpress.org/support/plugin/bbp-style-pack/reviews/) * 6 replies * 2 participants * Last reply from: [Anticosti](https://wordpress.org/support/users/anticosti/) * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/feature-request-responsive-design/#post-7084398) * Status: resolved