1. sjudelson
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 03 January 2022
  5.  Subscribe via email
I am using the Nina (J3) template. I am trying to replicate at the bottom of the page the horizontal main menu (hornav) at the top of the page. A couple of menu items are parent items that include sub-menu items. These parent items are dimmed in the footer menu and the small arrow next to these items cannot be clicked on to open the list of children items as in the hornav.

I have the same result if I convert the footer menu to the footermenu module position with the end level set to 1. If the end level is set to 2 (or higher), the child items are shown (the parent items are still dimmed), but the horizontal menu listing is very wide and ungainly with all of the level 2 items displayed.

Is there a way to set up the footer menu so that only the parent items are shown but clicking on a parent item that has a child item opens a dropdown containing the sub-menu items? I saw a tutorial article for a workaround for a similar problem with parent items on mobile menus; is there a workaround that can be used for the footer menu?

Thanks in advance!
Accepted Answer Pending Moderation
0
Votes
Undo
After converting the footer menu into a module position through the General | Menus setting, I was able to display a menu in the base module horizontally with the following code added to the Custom CSS section:

.base-1a .menu {
display: flex;
justify-content: center;
}

I added the following to increase the horizontal spacing between menu items:

.base-1a .menu li {
border-right: 1px solid rgba(255,255,255,.1);
padding: 0 8px;
}

There may be better or more elegant solutions, but this works for me.

Steven
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • 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.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok