Customize menu output

  • Resolved Andrew Mowe

    (@zamfeer)


    7 years, 2 months ago

    What is the recommended way to customize the output of the menus? For example, on mobile I would like to mimic the behavior of the etsy.com mobile menu. I have overridden the styles to create the off-canvas slide behavior of sub-menus, but how can I add sub-menu headers and back buttons to the markup output?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Andrew,

    Usually all content is added to the menus/sub menus using menu items. For example, in Pro we have the option to “replace” a menu item with a logo, some HTML, a search box etc. You could take the same approach – add menu items which represent the back buttons/headers, then use CSS to style them.

    Alternatively you could inject them directly into the menu markup using jQuery.

    Lastly, although I’m not sure if it’s any better than the previous 2 options, MMM supports all of the same filters and actions as the core nav menu, but all of the filters/actions are prefixed with “megamenu_”. For example, to use the “nav_menu_link_attributes” filter with MMM, you’d call “megamenu_nav_menu_link_attributes”.

    Regards,
    Tom

    Thread Starter Andrew Mowe

    (@zamfeer)

    Thanks for the quick reply @megamenu. I think I can use the first approach.

    Great plugin!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customize menu output’ is closed to new replies.