Adding additional stuff to the Mobile Menu sidebar

How To
1

Hi there!
Is there a way to hook into the mobile menu sidebar and add some stuff in there?

For instance, if I have two menus on my header and I want to display them both when I click the hamburger icon on mobile (without creating a 3rd menu for mobile only).

Or if I want to add a logo on top of the mobile menu and some social icons below.

Thanks!

1 Like
2

I needed this today and it’s pretty easy to achieve if you just extend the Element_Nav_Menu class and create your own nav menu element.

After you extend the class just add your action hooks in the render function.