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" />

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 '18 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 '18 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, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.