When I use bbpress I notice that on the mobile it is all squished up. To solve this I have removed the freshness column and adjusted the spacing of the info, topic and posts columns. This works on the forums page but when I click on one of the forums the freshness column is removed but the spacing seems to be the same. Can you see what I have done wrong with my css?

li.bbp-forum-freshness, li.bbp-forum-freshness {
	display: none;
}

li.bbp-forum-freshness, li.bbp-topic-freshness {
	display: none;
}

li.bbp-forum-info, li.bbp-topic-title { width:50%; }

li.bbp-forum-topic-count, li.bbp-forum-topic-count {
	text-align: center;
	width: 30%;
}
li.bbp-forum-reply-count, li.bbp-forum-reply-count {
	text-align: center;
	width: 20%;
}

////// This is the bit that isn't playing nice

li.bbp-forum-info, li.bbp-topic-title { width:50%; }

li.bbp-forum-topic-count, li.bbp-topic-topic-count {
	text-align: center;
	width: 30%;
}
li.bbp-forum-reply-count, li.bbp-topic-reply-count {
	text-align: center;
	width: 20%;
}

Many thanks 🙂

[@casiepa Moderator 8 years, 9 months ago]

A link to the site would help, if it’s public …

[@volican Participant 8 years, 9 months ago]

This is the forum section of the site (that is how I want it to be):http://www.freepizzas.co.uk/forums/

When I click on a forum it then looks like this: http://www.freepizzas.co.uk/forums/forum/app-related-discussion/

I want to make the view and post column headers to be in the same place as on the first page.

Any ideas? Thanks again for your help

[@volican Participant 8 years, 9 months ago]

Solved by replacing the bit I though wasn’t working with:

li.bbp-topic-title { width:50%; }

li.bbp-topic-voice-count, li.bbp-topic-voice-count {
	text-align: center;
	width: 30%;
}

li.bbp-topic-reply-count, li.bbp-topic-reply-count {
	text-align: center;
	width: 20%;
}

[@casiepa Moderator 8 years, 9 months ago]

Great,
Glad to found it.
Pascal.