I am trying to move the search bar next to the logo on our website but not having any luck.

My theme is based on magento luma.

I have the below code

<move element="block.search" destination="header.wrapper" after="logo" />

inside of


but the changes aren't being reflected.

enter image description here

I have also tried the below code.

<move element="top.search" destination="header.wrapper" after="logo" />

2 Answers 2


Use this code

<move element="top.search" destination="header-wrapper" after="logo" />
  • That code kind of works, but now it has disappeared and isn't showing up under right click > inspect on chrome??
    – cz84
    Apr 25, 2018 at 13:41
  • my destination path was wrong as well: mytheme/theme/Magento_Theme/layout/default.xml - also had to apply css - float: left; to 'block-search' class.
    – cz84
    Apr 26, 2018 at 9:16

Name of destination container is "header-wrapper" and you have written "header.wrapper", for this reason your code is not working.

<move element="top.search" destination="header-wrapper" after="logo" />

Use above code, it will work fine.

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.