• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Sub forum display

Gazhyde

Well-known member
#1
I'm looking at tweaking my forum list, and using sub-forums a bit more.

If I display sub-forums, by default it shows like this...

upload_2013-9-18_15-18-16.png

Would it be possible to change it to look like this?
upload_2013-9-18_15-19-37.png

Thanks for any suggestions, or links to something I've clearly missed in search ;)
 

Chris D

XenForo developer
Staff member
#2
In node_list.css

Find:

Code:
        .node .subForumList li
        {
            float: left;
            width: 31%;
            margin: 2px 0 2px 2%;
        }
And Replace it with:

Code:
        .node .subForumList li
        {
            width: 31%;
            margin: 2px 0 2px 2%;
        }
(Remove the float: left; bit)
 

Gazhyde

Well-known member
#4
As an aside, I had to tweak width to 100% or it didn't look right as the screen width decreased...

Then noticed that when on mobile view there is no indication of sub-forums.
upload_2013-9-18_16-4-1.png

Same here on xf.com :confused: Is this an known 'issue', or as designed?

upload_2013-9-18_16-6-39.png

Shows as this in responsive...

upload_2013-9-18_16-7-11.png
 

Chris D

XenForo developer
Staff member
#7
In node_list.css again, you could remove this (near the bottom):

Code:
    .Responsive .node .subForumList,
    .Responsive .subForumsPopup
    {
        display: none;
    }
And maybe remove this too:

Code:
    .Responsive .node .subForumList li
    {
        width: 48%;
    }
 

Gazhyde

Well-known member
#8
Removing the first section gives this... At least there is some indication that there is more to see!

upload_2013-9-18_16-37-28.png

Removing the second section doesn't appear to make any obvious difference that I can see.
 

Gazhyde

Well-known member
#10
Just a quick note if anyone follows this thread!

Having just upgraded my dev site to 1.2.2, I've noticed in the changelog there was a change to node_list.css
node_list.css
Make sub-forum titles not wrap and be hidden with text-overflow, adjust the responsive cutoff for when the sub-forum list is hidden.
This change is lovely, but it makes the 'new' indicator disappear off the edge of the screen. I'm personally not too worried about it, as it looks better than before. May revisit it later on.
2013-10-07 19.22.24.png
 

Attachments