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!