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)
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. # 1
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. # 2
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. # 3
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. # 4
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. # 5
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. # 6
  • Page :
  • 1


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