Append secondary menu to responsive side slide menu

chrismcb6 · September 2017

Hi,

Is it possible to append the items in the "secondary menu" to the bottom of the "main menu" in responsive view when the side-slide menu appears?

Right now, viewing on a mobile, the secondary menu is lost.

Bryan · September 2017

Hi,
please send a link to this page so we can check.
thanks

chrismcb6 · September 2017

Sure, it's http://bit.ly/2h2NpLd

Bryan · September 2017

Sorry but this menu will not appent to the side-slide menu and there is nothing we can do about it. You would have to modify the theme files to do this.

chrismcb6 · September 2017

OK, I'll look into it now - for the future, could you add this as a feature request?

Bryan · September 2017

We will see what we can do, but we cannot promise anything.

chrismcb6 · September 2017

The basics is in scripts.js in the sideSlide() function.

in the constructor, add:

$( 'nav#secondary-menu' ).detach().appendTo( '#Side_slide .menu_wrapper' );

In the destructor, add:

$( 'nav#secondary-menu' ).detach().prependTo( '#Top_bar .secondary_menu_wrapper' );

Then it's just a bit of CSS to make it look good - it's applied now to the example site I linked you to, if you want to check it.

I would appreciate this coming in an upcoming release, as it would mean my changes won't be lost with another update.

Bryan · September 2017

Thank you for your insight. We will check it out.
Cheers

somarcio · September 2017

Hi @chrismcb6

I need this also. But i dont no insert your code.
Please help me.

Thanks

Append secondary menu to responsive side slide menu

Comments