Magento 2.2.2 - Move custom navigation into header-wrapper in XML and make it responsive

by Vikram   Last Updated January 12, 2018 10:09 AM

Below xml adds custom navigation before category. To make it responsive I have included it under block navigation.sections.

<referenceBlock name="navigation.sections">
                    <argument name="group_name" xsi:type="string">navigation-sections</argument>
                    <argument name="group_css" xsi:type="string">nav-sections</argument>
            <block class="Magento\Framework\View\Element\Template" name="sub.nav" group="navigation-sections" template="Magento_Theme::html/header_links.phtml">
                    <argument name="title" translate="true" xsi:type="string">Sub Nav</argument>

But now it break my HTML structure as I want this custom block to be inside header.wrapper and at the same time responsive. I tried below but its not working

<move element="sub.nav" destination="header-wrapper" after="logo"/>

Although navigation.sections can be moved into header and its responsive too.

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

If I change referenceBlock to header.wrapper, the navigation goes inside header but then it is not working for responsive mode. How do I move my custom navigation inside header.wrapper and make it responsive also ?

Related Questions

Magento Slide Navigation

Updated April 18, 2015 20:03 PM

Default Price Navigation Step ignores value set

Updated July 28, 2015 16:04 PM

Custom Price Navigation Calculation

Updated May 10, 2016 08:03 AM

Magento 2: put all CMS pages in the top bar

Updated October 25, 2017 15:09 PM