1. Shell
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 04 July 2018
  5.  Subscribe via email
Morning Ciaran

On the mobile version of the site the headline menu items don't link to the relevant pages, the only open the sub menus. For example:

Contact Us
- Current Vacancies
- Application Form

On the desktop site the Contact Us links to a contact page but on mobile all it does is open the sub menu. Is there any way around this?

Cheers
Shell
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Shell

May I suggest the following article on this query... https://www.joomla51.com/tutorials/item/mobile-menu-linking-parent-items

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Thanks for this, I've amended the jquery.slicknav.js file as this is the only one where I can see the AllowParentLinks info but it doesn't appear to have worked on the mobile site...
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Shell

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Shell

As your amendments effect the Slicknav mobile menu, may I suggest enabling Slicknav in the Responsive Options tab of your template settings.

Sorry to say the option is not available to make the parent items of the Slideout menu clickable.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Got the mobile menu working better now but the menu bar is in front of the company logo in the top left across mobile platforms. Can you help? Link is still as above.

Cheers
Shell
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Shell

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 1140px) {
#container_header, #container_header-sticky-wrapper {
padding-top: 40px;
}
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Cheers!!
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Last one for now, when you scroll the screen on mobile/tablet the mobile menu doesn't scroll with it.
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Shell

You would like the mobile menu to be fixed to the top? Note that this will make some menu items inaccessible on smaller screens if you have a lot of menu items (items appear outside of viewport).

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
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.