Title: Mobile css?
Last modified: December 27, 2016

---

# Mobile css?

 *  Resolved [Lars Henriksen](https://wordpress.org/support/users/adjunkten/)
 * (@adjunkten)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-css-6/)
 * Hello Robin
 * Thank you for your work with this plugin.
 * I wonder if you could add some mobile screen styling to the plugin?
 * I would like something like this:
 * ![screenshot](https://i0.wp.com/dl.dropboxusercontent.com/u/49471235/Screenshot_20161224-
   144639.jpg?ssl=1)
 * and this:
 * ![screenshot](https://i0.wp.com/dl.dropboxusercontent.com/u/49471235/Screenshot_20161224-
   144652.jpg?ssl=1)
 * If you cannot include this in your plugin, – do you know how I can achieve this
   in another way?

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Robin W](https://wordpress.org/support/users/robin-w/)
 * (@robin-w)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-css-6/#post-8596420)
 * thanks for your topic.
 * I will need to look at this in some detail, not sure how much is bbpress and 
   how much a particular theme – but I’m currently tied up on paid work, so will
   look in odd moments.
 * I’ll leave this thread open for the moment to remind me.
 *  Plugin Author [Robin W](https://wordpress.org/support/users/robin-w/)
 * (@robin-w)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-css-6/#post-8597797)
 * I just did a quick test, and most of the layout is theme dependant.
 * I’m not sure what you are seeing so how much of you screenshot is what you have
   and how much is what you want?
 *  Thread Starter [Lars Henriksen](https://wordpress.org/support/users/adjunkten/)
 * (@adjunkten)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-css-6/#post-8599640)
 * Hi Robin,
 * I found some [css developed for my free generatepress theme here:](https://gist.github.com/generatepress/648128b05191a057fb45)
 * That helped a lot.
 * My forums now looks like this on my Galaxy:
 * ![screenshot](https://i0.wp.com/dl.dropboxusercontent.com/u/49471235/Screenshot_20161228-
   205719.png?ssl=1)
 * ![screenshot](https://i0.wp.com/dl.dropboxusercontent.com/u/49471235/Screenshot_20161228-
   205603.png?ssl=1)
 * ![screenshot](https://i0.wp.com/dl.dropboxusercontent.com/u/49471235/Screenshot_20161228-
   205530.png?ssl=1)
 * Two things could be improved, though:
 * I would like to replace text in the grey horizontal headerbar – ‘forum’ ’emner’(
   topics) ‘stemmer'(voices) ‘friskhed’… with icons, like in the wordpress version
   above.
 * Forum directory – display of forums and subforums. – looks cluttered.
 * Thanks for asking.
 * Lars
    -  This reply was modified 9 years, 5 months ago by [Lars Henriksen](https://wordpress.org/support/users/adjunkten/).
 *  Plugin Author [Robin W](https://wordpress.org/support/users/robin-w/)
 * (@robin-w)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-css-6/#post-8600592)
 * >  would like to replace text in the grey horizontal headerbar – ‘forum’ ’emner’(
   > topics) ‘stemmer'(voices) ‘friskhed’… with icons, like in the wordpress version
   > above.
 * Without masses of work, I cannot say how WordPress does that.
 * To improve the display I’d suggest you start by changing the font size for your
   mobile.
 * so at the **end** of your current style.css file, put
 *     ```
       @media only screen and (max-device-width: 480px) {
         /* define mobile specific styles come here */
       #bbpress-forums,
       div.bbp-breadcrumb,
       div.bbp-topic-tags,
       #bbpress-forums ul.bbp-lead-topic, 
       #bbpress-forums ul.bbp-topics, 
       #bbpress-forums ul.bbp-forums, 
       #bbpress-forums ul.bbp-replies, 
       #bbpress-forums ul.bbp-search-results,
       #bbpress-forums li.bbp-body ul.forum, 
       #bbpress-forums li.bbp-body ul.topic {
       	font-size: 12px;
       }
   
       div.bbp-template-notice p,
       #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
       	font-size: 10px;
       }
   
       .bbp-reply-content {
       	font-size: 12px;
       }
   
       .topic .bbp-reply-author {
       	font-size: 15px;
       }
   
       #bbps-post-count,
       .bbp-author-role {
       	font-size: 10px !important;
       }
   
       #bbp-search-results .bbp-topic-title,
       #bbp-search-results .bbp-topic-author {
       	padding: 20px;
       }
   
       #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
           font-size: 10px;
       }
   
       }
       ```
   
 * You can then play with the font sizes to get a better display
    -  This reply was modified 9 years, 5 months ago by [Robin W](https://wordpress.org/support/users/robin-w/).
 *  Thread Starter [Lars Henriksen](https://wordpress.org/support/users/adjunkten/)
 * (@adjunkten)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-css-6/#post-8603167)
 * OK, thanks for the advice Robin.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile css?’ 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/)

## Tags

 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 5 replies
 * 2 participants
 * Last reply from: [Lars Henriksen](https://wordpress.org/support/users/adjunkten/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/mobile-css-6/#post-8603167)
 * Status: resolved