We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Gideon Gideon
  2. General Discussion
  3. Friday, 31 May 2013
  4.  Subscribe via email
Hi

How can I change the slide menu in the mobile / tablet to display another menu
My menu has over 20 links witch I dont want all of them to display when using the mobile

I need 3-5 links only

Thanks
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Nothing ? :) , Do I need to look for another joomla solution ? all I need is to have a different menu for mobile / tablet (collaps) than the main one
is it possible ?

Thanks
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Will I found one solution for now BUT I am still looking for a better (cleaner solution)

In the template configuration --> Navigation --> choose the mega menu you need

link-a link-b link-c link-d link-e link-f

click on the menu link you want to hide from the mobile menu ---> Extra Clas --> hidden-phone --> save it and done

The only thing I dont like is I dont want to use css , I am trying to find another solution

Any ideas ????
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gideon,

I am sorry but there was no other way for current T3 implement.
But I though as a responsive template, css style is using to show or hide content based on device.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Ok I found another solution that it could help , the first solution I already posted it here before ,
The second one is:

********* First *********

add this code


<div class="mobilemenu visible-phone">
<jdoc:include type="modules" name="<?php $this->_p('slide-menu') ?>" style="raw" />
</div>


inside \templates\t3_blank\tpls\blocks\header.php

--------- like this file --------
...
.......
<div class="nav-collapse collapse <?php echo $this->getParam('navigation_collapse_showsub', 1) ? ' always-show' : '' ?>">
<?php if ($this->getParam('navigation_type') == 'megamenu') : ?>
<?php $this->megamenu($this->getParam('mm_type', 'mainmenu')) ?>
<?php else : ?>
<jdoc:include type="modules" name="<?php $this->_p('mainnav') ?>" style="raw"/>
<?php endif ?>
<div class="mobilemenu visible-phone">
<jdoc:include type="modules" name="<?php $this->_p('slide-menu') ?>" style="raw" />
</div>

</div>
.....
..

as you can see I added another menu with a class called "mobilemenu" for more css and I added the "visible-phone"

********* Second *********

now with the css file you are using add this line :

.t3-megamenu.animate.fading {display: none; visibility: hidden} - to hide the main menu


********* Third *********

now you have to create a PHP block file and call it "slide-menu.php"
and add this code

<?php
defined('_JEXEC') or die;
?>

<!-- Mobile Slide Menu -->
<nav>
<div>
<jdoc:include type="modules" name="<?php $this->_p('slide-menu') ?>" />
</div>
</nav>
<!-- //Mobile Slide Menu -->



********* Forth *********

Add a position inside the templateDetails.xml

<position>slide-menu</position>


Thats it , now you can use html module or any menu module and set the position to slide-menu and you are ready to go , with some css you should be good ;)

Have fun guys
References
  1. http://www.netcotech.com
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.