How can I move top search div from left to right in header-wrapper in Magento 2?

Update your move tag using below code :

app/design/frontend/VendorName/ThemeName/Magento_Theme/layout/default.xml

<?xml version="1.0"?>
<!--
/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> 
    <body>
        <move element="top.search" destination="header-wrapper" before="logo" />
    </body>  
</page>

Now, You need to update less code also :

.block-search {
    float: left;
}

Now, Just upgrade & deploy. You can see search will display to left side.

Leave a comment Cancel reply