I want to add add-to-cart and Wishlist under catalog.topnav ( Menu ) how to add right below menu bar.

enter image description here

  • do you want to move minicart in navigation ?
    – Pawan
    Dec 27, 2020 at 7:35
  • yes, i need to move minicart below menu bar, i mean create custom space and move minicart into this space.
    – zus
    Dec 27, 2020 at 7:36
  • FYI i have created custom theme inherit from blank theme.
    – zus
    Dec 27, 2020 at 7:37

1 Answer 1


You just need to move minicart to catalog.topnav use :

<move element="minicart" destination="catalog.topnav"/>



enter image description here

Update I:

If you want minicart below nav you need to create a custom container and need to move it, like:

    <referenceContainer name="page.top">
        <container name="test" htmlTag="div" htmlClass="test-class" after="navigation.sections"/>
    <move element="minicart" destination="test"/>

enter image description here

  • Yes, i did same, but i need to move minicart into below menu bar snipboard.io/rq4K6i.jpg
    – zus
    Dec 27, 2020 at 7:52
  • I hope my point clear.
    – zus
    Dec 27, 2020 at 8:17
  • Yes, in that case we need to create a custom container!
    – Pawan
    Dec 27, 2020 at 8:31
  • please see my updates in answer.
    – Pawan
    Dec 27, 2020 at 8:36
  • Thanks for the solution, its working. I just move my logo to catalog.topnav, its ok in web view but mobile view menu not wokring like three line left corner missing, Any help thanks.
    – zus
    Dec 27, 2020 at 10:28

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.