0

I am trying to move the top content of the header panel to by the minicart:

enter image description here

I have tried several methods such as:

<move element="header.links" destination="header-wrapper" after="minicart"/>

I have also tried creating a custom block and adding them to that:

<referenceContainer name="header-wrapper">
    <container name="custom_header" as="custom_header" label="My Custom Header" htmlTag="div" htmlClass="custom-header" before="-"/>
</referenceContainer>

<move element="header.panel" as="header.panel" destination="custom_header"/>

<move element="header.links" destination="custom_header" before="-"/>
<move element="currency" destination="custom_header" after="header.links"/>

But when they move they lose their dropdown formatting: enter image description here

Anyone know how I can achieve this on the Luma theme. Magento 2.4.5

1 Answer 1

0

These elements in panel header need the class panel header to show correctly, thats'why you lost the format when you moved the block.

An option would be to move logo, search and minicart in the header.panel container then adjust the css.

<move element="logo" destination="header.panel" before="-"/>
<move element="top.search" destination="header.panel"/>
<move element="minicart" destination="header.panel"/>
1
  • What a great suggestion! Works a treat :-) Thank you
    – sulman
    Nov 15, 2022 at 16:56

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.