Magento – Magento 2 – Header: Logo, Nav, and Mini Cart on one line

headermagento2

I am using Magento 2.0 with a copy of the blank theme.

I am trying to get the logo, nav, and mini cart on one line but I can't figure it out.

How would I do this with the blank Magento theme?

Best Answer

To modify the HTML you need to move the navigation to the header.

For example:

<move element="catalog.topnav" destination="header-wrapper" after="logo"/>

But you will also need to do some styling to make it all work nicely together.

Related Solutions

Magento – Remove Header in IWD One Page Checkout

in your themes local.xml please use

<opc_index_index>
<remove name="footer"/>
</opc_index_index>

for header try to remove following

<opc_index_index>
    <reference name="header">
        <remove name="top.search" />
        <remove name="top.links" />
        <remove name="top.menu" />
    </reference>
</opc_index_index>

Magento 2 – Creating Custom Header Extending Magento Blank

Well this is because your before attribute is not set.

To fix that, replace:

<container name="custom.header" htmlClass="headerSection" htmlTag="div">

With:

<container name="custom.header" htmlClass="headerSection" htmlTag="div" before="main.content">

Best Answer

Related Solutions

Magento – Remove Header in IWD One Page Checkout

Magento 2 – Creating Custom Header Extending Magento Blank

Related Topic