Override specific Mobile Menu items from Main Menu

Hi all!

I'm using the GK FEST template on Joomla 3.0.2 [Ember].

Is there anyway to have different menu items in the Mobile Menu and in the Main Menu?

E.g. on the main menu I want:

Home | Services | Us | Media | Schedule

Whereas on the Mobile Menu I want:

Home | Services | Contact | Locate

I tried creating a new menu in the Menus > Menu Manager and then assign a module to it (Extensions > Module Manager > New > ... > Basic Options > Select Menu: Mobile Menu) but nothing.

I also tried selecting the mobile menu on the Template Manager (Extensions > Template Manager > gk_fest > Options > Menu > Choose menu: Mobile Menu) instead of the main menu, but that changes the whole thing! (see image 2).

Last but not least, I found this http://www.mobilejoomla.com/forum/3-general/428-how-to-override-main-site-menu-with-mobile-site-menu.html, the guy that post it had the same problem, but he's using the Mobile Joomla extension, so his solution did not worked for me!

Any guess?

Hi

You cannot have different menus, becuase this is a responsive template, means all elements are supposed to change it's look while screen is resized, so there is no place where ifferent menu can be used.

I can advice to add a new module position and add a new menu module there which will be visible on mobile devices only and hide regular menu in css for tablet/mobile.

Sorry for the delay of my reply, definitely the answer I needed! I will try to hide/add a Mobile menu according to specified dimensions, if I ran into a problem, I'll post it here.

Thanks!