[melanie bund]

Hi, am using wp 4.0, twenty twelve theme, am having trouble getting the forum to look nice in iphone etc..
http://photohunters.org/photohunters/lets-talk/

there is a rather large space on right hand side for some reason, the titles “topics” and “post” are for some reason cut and on 2 lines

CAN ANYONE HELP?

ps. have had to disable the sidebar as it looked ridiculous, not sure how to solve that…

thank you in advance
Melanie

[Robkk]

try this

this removes some black padding when you reach a device width of 480px
15px or a little bit less should be good.
if you want more just change 15px to whatever you want.

@media only screen and (max-width: 480px) {
.site {
    box-shadow: 0px 2px 6px rgba(100, 100, 100, 0.3);
    margin: 48px auto;
    max-width: 960px;
    overflow: hidden;
    padding: 0px 15px;
}
}

this makes your bbpress forums full width

@media only screen and (max-width: 480px) {
.site-content {
    background: none repeat scroll 0% 0% transparent;
    float: left;
    min-height: 150px;
    width: 100%;
}
}

if you made a bbpress.php file put .bbpress in the begginning so it would be

.bbpress .site-content

more on creating a bbpress.php file.

https://codex.bbpress.org/theme-compatibility/getting-started-in-modifying-the-main-bbpress-template/

[melanie bund]

Thank you works great Robkk – is there any way of stopping the titles “topics” and “post” from being cut and on 2 lines
eg.
freshne
ss

thank you again
Melanie

[Robkk]

@melanie-bund

if you are a web designer from the website thats mentioned at the bottom of the website

you can do alot of things to make it where a forum doesnt look awkward

changing posts, voices, freshess, topics lalbes at the top to just icons

and more depending on where your imagination takes you.

i suggest maybe only showing the topic count in the forum archive

and move the freshness stats below the title of each forum

and showing only the posts stats for any forum you have just entered

and move the freshness stats below the title of each topic.

more info on designing can be found at the docs

Codex