Header - rocketweb-fed/magento2-theme-prime GitHub Wiki

We've made significant customizations in the header area, namely:

  • changed layout
  • revamped mobile menu
  • built Account dropdown with dynamic links
  • added sticky header functionality
  • included additional promo block

Header

Layout modifications

Here are some things you can easily customize using layout declarations. All of the below modifications should be done in your theme's Magento_Theme/layout/default.xml file.

Change header containers classes

<referenceContainer name="header.logo" htmlClass="flex-item flex logo-container custom-class"/>

Add links to Account dropdown

<referenceBlock name="navigation.account.menu">
    <block class="Magento\Framework\View\Element\Html\Link" name="custom-link">
        <arguments>
            <argument name="label" xsi:type="string" translate="true">Custom Link</argument>
            <argument name="path" xsi:type="string" translate="true">path/to/page</argument>
        </arguments>
    </block>
</referenceBlock> 

Disable sticky header

<referenceBlock name="navigation.sticky" remove="true" />

Insert static block into top eyebrow

<referenceBlock name="preheader.message" remove="true" />
<referenceContainer name="preheader">
    <block class="Magento\Cms\Block\Block" name="preheader.static">
            <arguments>
                <argument name="block_id" xsi:type="string">your-custom-block-id</argument>
            </arguments>
        </block>
</referenceContainer>
⚠️ **GitHub.com Fallback** ⚠️