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?

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

Dipesh Rangani · Accepted Answer · 2021-01-04 05:44:30Z

2

+100

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

answered Jan 4, 2021 at 5:44

Dipesh Rangani

2,9874 gold badges20 silver badges43 bronze badges

Thank you so much....
– zus
Jan 4, 2021 at 5:58
Any help with custom font, magento.stackexchange.com/q/328498/57334 Thanks
– zus
Jan 4, 2021 at 6:11
Hi @Dipesh Rangani, in my tablet view my menu like web view menu, how to do in tablet view show my hamburger menu, FYI upto 767px (1 point below from tab view) showing my hamburger menu, but 7687px showing my web view menu to in tablet view any help thanks.
– zus
Jan 11, 2021 at 13:05
You can follow this : https://magento.stackexchange.com/questions/143519/mobile-menu-breakpoint-in-magento-2/150217#150217.
– Dipesh Rangani
Jan 11, 2021 at 13:38
My dedicated post: magento.stackexchange.com/q/329170/57334
– zus
Jan 11, 2021 at 13:40

Add a comment |

1 Answer 1