Replacing menu in mobile view

Hi,
I have my main menu in a side bar. However when it’s viewed on a mobile it takes up a lot of room.
I wondered if it was possible to have a mobile menu replace the sidebar menu when in mobile view.
I can’t find a way to do it without having the menu appear in the header on a laptop or desktop view which I don’t want.
Is there a workaround you can think of?
Thanks in advance

Hello There,

This might be possible with Ubermenu.
1.) Go to Appearance > Ubermenu > Main Ubermenu Configuration > Manual Integration > Integrate Specific Menu > Select the menu you want to show on sidebar menu and then copy the code.

2.)Copy the file wp-sidebar.php from \wp-content\themes\x\framework\views\ethos to this folder \wp-content\themes\x-child\framework\views\ethos. Open the copied file and paste the code you have copied earlier.

3.) Now, the sidebar will now displayed the ubermenu. Next step is to style it the way you want. Please check this guide now:http://sevenspark.com/docs/ubermenu-3/multiple/configurations. We need to create a special configuration for this sidebar ubermenu. Also style responsive breakpoint accordingly: https://sevenspark.com/docs/ubermenu-3/responsive/breakpoints/custom. Refer to the plugin documentation. It is very detailed.

We can always guide you on the structure and how to achieve things, but the entire customization of it and how it looks is outside the scope of our support. Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.