M2 - After move catalog.topnav to header.panel how to include catalog.topnav inside hamburger menu in mobile view

Question

After creating a custom theme that is inherited from a blank theme i am getting an error in mobile menu,

My mobile menu look like,

How to move all my categories into the left hide bar(toggle menu) i mean

any help thanks.

Note (web-view) - Moving element using <move element="catalog.topnav" destination="header.panel" after="logo" />

How to move catalog.topnav into hamburger menu in the mobile view?

Answer 1

You have to move navigation.sections instead of catalog.topnav and destination shoud be header-wrapper like below:-

<move element="navigation.sections" destination="header-wrapper" after="logo" />