I'm 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" />
but the changes aren't being reflected.
I've inspected the code and tried different block names but changes still aren't being reflected.
<move element="block.block.search" destination="header.content" after="logo" />
try below code to move search-box after logo :
<move element="top.search" destination="header.wrapper" after="logo"/>
That is what I currently have in my default.xml but the change isn't being reflected..
I have flushed the cache, pub/static and view_processed folders but it still hasn't moved?
I think your file location is not correct , kindly put your file on below location.
then clear the cache and check for the same
Thanks, that has kind of worked.. but now the search bar has just completely disappeared?
When I right click the page and inspect, the search bar class isn't showing in the code?
if you just wanted to move searchbox beside the logo , you need to change its css.
there is one class called - block-search
you need to override this in your css and instead of float : right , you need to write float : left in it.
that will move your searchbox to exact beside the logo.