I am trying to move the top.links to the header-wrapper as in the picture in order to create some fancy icons instead of just text links.

I was able to do that adding this line to the default.xml file on my custom theme.

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

But when i do that, top.links disappear from the interactive hamburger and gets added to the central page, and i don't want that.

I was thinking that instead of moving/copying the block and then hide it in the mobile version with CSS.

How can I clone that block in there?

Moving the Block

Block Moved in mobile Version


Block moved in desktop

  • Can you show how exactly you want to display ?
    – user3411
    Feb 7 at 10:09


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.