XF 1.2 Sub forum display

[Gazhyde]

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...



Would it be possible to change it to look like this?


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

 

[Chris D]

In node_list.css

Find:

        .node .subForumList li
        {
            float: left;
            width: 31%;
            margin: 2px 0 2px 2%;
        }

And Replace it with:

        .node .subForumList li
        {
            width: 31%;
            margin: 2px 0 2px 2%;
        }

(Remove the float: left; bit)

 

[Gazhyde]

Perfect!

Thanks Chris.

 

[Gazhyde]

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.


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



Shows as this in responsive...

 

[Chris D]

It's as designed.

 

[Gazhyde]

Hmmm... OK then, I will have to rethink what I'm doing then!

Thanks again Chris.

 

[Chris D]

In node_list.css again, you could remove this (near the bottom):

    .Responsive .node .subForumList,
    .Responsive .subForumsPopup
    {
        display: none;
    }

And maybe remove this too:

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

 

[Gazhyde]

Removing the first section gives this... At least there is some indication that there is more to see!



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

 

[Gazhyde]

When drop down is clicked.

 

[Gazhyde]

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.