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,

enter image description here

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

enter image description here

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?

  • What do you mean? Can you please explain in more details Dec 28, 2020 at 8:39
  • I have moved menu to after logo using <move element="catalog.topnav" destination="header.panel" after="logo" /> webview okay, mobile view menu error
    – zus
    Dec 28, 2020 at 8:41

1 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" />

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.