Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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.

    #1306578

    Hey 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:
    2021-06-20_012.jpg
    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:
    2021-06-20_013.jpg
    then I added the custom classes lead-one & lead-two to the two page menu items:
    2021-06-20_014.jpg
    and sub-one & sub-two to the post menu items:
    2021-06-20_015.jpg
    so the socket menu on the frontend looks like this:
    2021-06-20_016.jpg
    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:
    2021-06-20_017.jpg
    but when you hover over one of the items they appear to slide over and show the sub item:
    2021-06-20_018.jpg
    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,
    Mike

    #1306739

    Thanks for the exploration Mike.

    #1306922

    Hi,
    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Expandable menu in footer’ is closed to new replies.