Block Categories (footer) problem when width less than 768px

[DARKF3D3]

When the resolution is 767px or below, it should show (like the other footer module) only the title and the plus icon to open the category list.

 

The problem it's that it's show also 3 of the 5 category, so when click on the "+" it show/hide only the 2 remaining category.

 

I don't understand what happened to the module.

 

 

 

PS: The store link is in signature.

Edited September 13, 2014 by DARKF3D3 (see edit history)

[yaniv14]

Check the category footer module template file (tpl).

look for <div class="category_footer" ........ and add "toggle-footer" so you'll have

<div class="category_footer toggle-footer" ......

 

or you can paste the content of the file here and i'll try to help you.

[DARKF3D3]

this is the content of the bloackcategories_footer.tpl il my themes mofule folder:

<!-- Block categories module -->
<section class="blockcategories_footer footer-block col-xs-12 col-sm-4 col-md-2">
	<h4>{l s='Categories' mod='blockcategories'}</h4>
	<div class="category_footer toggle-footer">
		<div class="list">
			<ul class="tree {if $isDhtml}dhtml{/if}">
			{foreach from=$blockCategTree.children item=child name=blockCategTree}
				{if $smarty.foreach.blockCategTree.last}
					{include file="$branche_tpl_path" node=$child last='true'}
				{else}
					{include file="$branche_tpl_path" node=$child}
				{/if}
			
				{if ($smarty.foreach.blockCategTree.iteration mod $numberColumn) == 0 AND !$smarty.foreach.blockCategTree.last}
			</ul>
		</div>
	</div> <!-- .category_footer -->

	<div class="category_footer">
		<div class="list">
			<ul class="tree {if $isDhtml}dhtml{/if}">
				{/if}
			{/foreach}
			</ul>
		</div>
	</div> <!-- .category_footer -->
</section>
<!-- /Block categories module -->

[yaniv14]

You should try to change (10 lines from the bottom):

<div class="category_footer">

 

to:

<div class="category_footer toggle-footer">

 

and see if it works and also if it doesn't affect anything else.

[DARKF3D3]

It tried to do it live with chrome and it's seem working, but I also think that the cause of the problem it's different.

The category 

 

<div class="category_footer toggle-footer" style="">

 

</div>

<div class="category_footer toggle-footer" style="">

<div class="category_footer toggle-footer" style="">

[DARKF3D3]

I made a live test with Chrome and it seem working, but i think that there's another cause for that problem.

 

Looking at the code i see that the category are divided in 3 div, and only the first has the "toggle-footer" class.

<div class="category_footer toggle-footer">

- Category 1

- Category 2

</div>

<div class="category_footer">

- Category 3

- Category 4

</div>

<div class="category_footer">

- Category 5

- Category 6

</div>

 

I haven't test it on other website to see if that's normal.