-
AuthorPosts
-
June 18, 2021 at 5:37 pm #1306438
Does Enfold yet provide a way to have an expandable menu in the footer (click to expand to see subsection menu items)? I previously used “NetGo Expandable/Collapsible Menu”, but it is not compatible with current WordPress/Enfold versions.
June 20, 2021 at 8:19 pm #1306578Hey m,
Thank you for your patience, but unfortunately, we do not have an option for a drop down menu in the socket, I guess the main issue is that the socket is at the very bottom so a drop down would have to increase the page height on hover or it would have to be a drop up menu? I imagine there would be some plugins that can create a menu shortcode that you can then use in the socket copyright field to achieve this.
If you would like to try this basic solution for showing an extra menu item on hover in the footer menu, perhaps it will help you.
So for this example, I have 4 menu links in my footer menu, 2 pages and 2 posts:
my 2 page menu items will always show, and the 2 post menu items will only show when the page items are hovered over, I’m only using page items & post items as examples so the explanation will be easier to explain.
For the menu items I have activated the custom classes in the screen options at the top of the page:
then I added the custom classes lead-one & lead-two to the two page menu items:
and sub-one & sub-two to the post menu items:
so the socket menu on the frontend looks like this:
then I added this css to the Quick CSS:#socket .sub_menu_socket li.sub-one,#socket .sub_menu_socket li.sub-two { display: none; } #socket .sub_menu_socket li.lead-one:hover + .sub-one, #socket .sub_menu_socket li.sub-one:hover { display: block !important; } #socket .sub_menu_socket li.lead-two:hover + .sub-two, #socket .sub_menu_socket li.sub-two:hover { display: block !important; }
then the socket menu on the frontend looks like this:
but when you hover over one of the items they appear to slide over and show the sub item:
You could add some css to animate the reveal or some different colors, etc and you could adjust to add a couple more items but you will be limited in space and this probably will not work well for mobile since there is no mouse-over for mobile, but perhaps it will help in a limited way.Best regards,
MikeJune 21, 2021 at 2:44 pm #1306739Thanks for the exploration Mike.
June 22, 2021 at 12:43 pm #1306922Hi,
Your welcome, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Expandable menu in footer’ is closed to new replies.