Recent
Categories
View Replies (6)

Multi column menu with sub headings

0
Votes
Undo
  1. dy87chf
    dy87chf
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 31 March 2023
  5.  Subscribe via email
I have added the columns-3 class to my parent menu item and this works fine. However, I need to display subheadings within each column with the menu items below each subheading as shown here (About Us is parent menu item):

https://www.sandwichpld.org/about-us/ordinances-policies/foia

Here is the page using the Magnolia template - menu items are shown to the right of the subheadings:

https://www.sandwichpld.org/template-review-freedom-of-information-act

Is this possible with the template, or should I continue to use the menu module shown in the first link?
Responses (6)
dy87chf
dy87chf
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, I made some changes. In addition to the separate mega menu module in the hornav module position, I also added a regular menu module in the hornav position. I then added the following to the custom CSS:

.hornav ul.menu { display: none;}

This hides the J51 menu and displays it for the mobile version. If there is another way I should be doing this, please let me know.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Checking the URL provided, your menu module's mobile version appears to work without issue.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
dy87chf
dy87chf
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, it does. I have disabled the mobile option for our menu. Now, the J51 mobile menu displays but the submenu items do not. Clicking on the arrows does nothing:

https://www.sandwichpld.org/template-review-2
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Does you menu module have its own mobile version? It appear that it may be clashing with that of the template.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
dy87chf
dy87chf
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I am using a separate menu module and I have changed my template to Layla. I have selected Yes for "Convert to Module Position (hornav)" in the Menu Settings. This displays the separate menu module, but the mobile menu is not working properly:

https://www.sandwichpld.org/template-review-freedom-of-information-act
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

I am sorry to say that by default this type of dropdown is not possible with any of our templates. Although you create multi-columns, it is not possible to define where the menu items wrap to the next column. I will have to suggest using your menu module.

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


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

Site Links

Recommended

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.