How can I move the search icon next to the user and cart icons?

[kingdom2]

Hi guys!

How can I move the search icon next to the user and cart icons?

https://kingdompetshop.com/collections/dog-collars-leashes

Theme: Refresh

Pw: abcd

[Made4uo-Ribe · Accepted solution]

Hi @kingdom2 

check this one.

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media screen and (min-width: 990px) {
    .header--top-center {
        grid-template-areas:
        "navigation heading left-icons icons";
    }
    .header {
        grid-template-columns: auto 2fr .2fr auto;
    }
    .header>.header__search {
        justify-self: end;
}
}
</style>

And Save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!