Sub Categories not showing in Responsive for Foundation Template

[Atechstl]

Perhaps this is fixed in a newer template but my Foundation template has been edited.  Anyone know why the sub categories aren't showing in responsive view? The user clicks on the category and the sub category files aren't there.  

[Dirty Butter]

The Layout tab in Store Settings has a checkbox for Expand Category Navigation tree - so subcategories DO show in Medium and Large, but not in Small?

[Atechstl]

Layout in store settings to expand Category Navigation Tree is Checked.  Sub categories show fine on medium and large.  Just not small.  I grabbed an earlier version of the foundation template before they had updates.  I'm thinking this had to be an issue on the older versions of this template.  I'll check in the coding a bit later when I get some more time.  

[Dirty Butter]

I have so many subcategories on Animals that I did not want them to show on Small. My categories on Small open to the page of Subcategory icons, with any text I put for the categories AFTER the subcategory images (for ease of use on phones).

[bsmither]

I cannot say if this is a design decision by Foundation (Zurb) or by the CubeCart programmers. Nor can I say if this behavior has changed between versions of CC6.

There is a trade-off in the Small layout. If "Expand Categories" is enabled, the Navigation stack will include the slide-by to the sub-categories, it is via the menu slide-by that the customer gets to the sub-cats, and the sub-cat panels will not show. If disabled, the Navigation stack will not include the slide-by to the sub-categories, the sub-cat panels will show, and it is via the panels that the customer gets to the sub-cats.

I can only guess as to the reasoning: don't duplicate data or methods on small devices.

In content.category.php, line 24:

Line broken to multiple lines for readability
<ul class="
  medium-block-grid-6
  text-center
{if $CONFIG.catalogue_expand_tree == 1}
  show-for-medium-up
{else}
  small-block-grid-3
{/if}
" data-equalizer>

So, if expanding is false, then we have a 3-by grid to be shown on Small. If true, then we only get something shown for Medium on up.

[Atechstl]

Even Disabling Expand Categories doesn't fix it.  Any ideas? 

I just changed line 24 to show-for-large-down.  Hope that doesn't cause any other problems.  Seems to work.  

From 

<ul class="medium-block-grid-6 text-center show-for-medium-up" data-equalizer>

To
 

<ul class="medium-block-grid-6 text-center show-for-large-down" data-equalizer>

 

Edited August 21, 2015 by Atechstl

[bsmither]

I am not familiar with "show-for-large-down". I would have used "show-for-small-up". But, yes, I see "show-for-<size>-down|only|up".