Mobile Menu - Linking parent items

To ensure the best possible viewing across all devices, responsive Joomla51 template include a touch friendly mobile version of the top main navigation. This menu is displayed once your site is viewed on a small screen device in place of the standard menu seen on a desktop computer. In the mobile version of the menu, if your main navigation includes sub menu items, these items are indicated by an arrow next to the parent of the sub menu items. Clicking the parent item will then open a dropdown containing the sub menu items. This is a suitable solution as long as the parent item is not a link itself. In the following steps we will detail how to amend your template to allow the parent item text to be clickable which touching the remainder of the button will open the sub menu items dropdown.

  1. From your Joomla administration navigate to Extensions -> Templates -> Templates -> J51_Template Details and Files Details and Files
  2. In the template folder tree navigate to ../js/responsive-nav/responsive-nav.js Edit responsive-nav
  3. Locate the following line (approx. line 20)..
    allowParentLinks: false,
    And set to true..
    allowParentLinks: true,
  4. Hit 'Save & Close'

The parent menu item text should now be clickable while touching the remainder of the button will open the dropdown containing the sub menu items.

  • Sunday, 14 June 2015

Join Our Newsletter




We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.