Accordion menu in mobile version

Hi
I just asked the people at Community Builder how they implemented their accordion menu in the mobile responsive version of their site. Apparently its done using JQuery.

Is this something that could be done with the mobile menu in Technews please? I'm not up on coding so I would have to get someone to do it for me maybe?
Thanks

Hi

I do not know how the menu You are looking for looks like, but everythig is possible, so I'm pretty sure it an be done. Try looking for a module which got that already, maybe it has been released. http://extensions.joomla.org/

Hi
Okay, thanks for the suggestion, and its something I might try, although I think I would have to create a new module position for this, and I'm not sure how it would work with the existing mobile menu in Technews.

I can't help noticing that all the mobile versions of menus in Gavick templates are "fixed", in other words there is no drop down or accordion type effect for sub-menu items. All menu items are displayed in one long scroll down list.
I'm wondering if there is a good reason for this, as it would be much better visually to have just the top level menu items visible at first? If the main menu has a lot of sub-menu items it makes the list really long.

Thanks for your help.

Hi

It's one of the standards in responsive designs. Its actually not a menu at all. For mobile devices menu has been constructed into a dropdown <select> html element, so it's presentation is using browser's functionality for easier navigation for users who has used to the look of it simply by using same browser.

Hi
Okay, thank you.

In that case, just one more question on this, I hope. I would like to publish a mobile menu in the same position as the menu icon in Technews (the horizontal grid icon).

To do this I would need to to do 2 things; suppress the Gavick mobile option and create a new module position in that top right corner for a mobile menu which would only reveal itself in a mobile/responsive screen. I have read some of the documentation on your site on creating new module positions, and its something I'm going to try.

Could you please tell me how to override the display of the dropdown html element, as I obviously can't have both together?
Many thanks for your help on this.

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkMobileMenu {
display: none !important;
}


Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkMobileMenu {
display: none !important;
}


Thank you very much!

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro