XF 2.0 Sub-forums to show on node listing on mobile?

[Alternadiv]

I’m trying to get sub-forums to show on mobile as they do on web. I blocked the CSS that tells them not to show, but that somehow still doesn’t work. Am I missing something somewhere else?

 

[Mr Lucky]

extra.less

@media (max-width: @xf-responsiveMedium) {

    .node-subNodesFlat {

        display: initial;

    }

}

 

[Emre]

https://xenforo.com/community/threads/visible-sub-forums-support-for-mobile-devices.135314/

 

[Alternadiv]

I was in that thread and those suggestions weren’t working. But the recently posted one finally worked!

 

[Alternadiv]

extra.less

@media (max-width: @xf-responsiveMedium) {

    .node-subNodesFlat {

        display: initial;

    }

}

This one doesn’t work.

 

[Mr Lucky]

This one doesn’t work.

Well, I see sub forums in this iPhone screenshot:

 

[AndyB]

Try this:

Subforum links

This will remove the font awesome icon and also show subforums in responsive. Note you must select the following:

Admin control panel -> Appearance -> Style properties -> Node/forum list -> Sub-forums display style -> Listed below node

// remove sub node fa

.subNodeLink.subNodeLink--forum::before, .subNodeLink.subNodeLink--category::before {
    display: none;
}

// add subforum links to responsive

@media (max-width: @xf-responsiveMedium) {
	.node-subNodesFlat {
    	display: inline-block;
	}
}

 

[Alternadiv]

Try this:

Subforum links

This will remove the font awesome icon and also show subforums in responsive. Note you must select the following:

Admin control panel -> Appearance -> Style properties -> Node/forum list -> Sub-forums display style -> Listed below node

// remove sub node fa

.subNodeLink.subNodeLink--forum::before, .subNodeLink.subNodeLink--category::before {
    display: none;
}

// add subforum links to responsive

@media (max-width: @xf-responsiveMedium) {
    .node-subNodesFlat {
        display: inline-block;
    }
}

This was the one that did work.

 

[Trueprime]

Thanks @AndyB that worked for mine too

 

[CVN]

I works great for me too. Many thanks @AndyB

BTW, how to remove the (latest) thread apprearing just bellow the sub-forums on mobile screens? Thanks!

 

[Masetrix]

Well, I see sub forums in this iPhone screenshot:View attachment 173488

Works for me too. XF 2.1 Default Style. Thanks to you☺

 

[AnjaC]

Great stuff, Andy!

// remove sub node fa .subNodeLink.subNodeLink--forum::before, .subNodeLink.subNodeLink--category::before { display: none; } // add subforum links to responsive @media (max-width: @xf-responsiveMedium) { .node-subNodesFlat { display: inline-block; } }