Re: Moving the search icon Dawn 3.0 Theme

How can I relocate the search icon in Dawn 3.0 Theme?

Chaotic
Excursionist
23 0 14

I updated my website to the Dawn 3.0.0 theme and have my header set for the logo to be top center. I want to move the search icon from the left side of the logo to the right side so it is with the user and cart icons.

Replies 3 (3)

AvadaCommerce
Shopify Partner
3879 839 985

Hi @Chaotic 

Please go to Online Store > Themes > Action > Edit code > Assets > Open /base.css
> Copy and paste this code to the bottom of the file.

@media screen and (min-width: 990px)
.header--top-center *>.header__search {
        order: 2;
}
a.header__icon.header__icon--account {
          order: 1;
}
a.header__icon.header__icon--cart {
            order: 3;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

banned
Chaotic
Excursionist
23 0 14

@AvadaCommerce Thanks for the response... the code you supplied did not change the icon location.

AvadaCommerce
Shopify Partner
3879 839 985

Oh, I'm sorry to hear that @Chaotic 
I used this code for my store and it worked. 

So you might consider having a Shopify Expert to check and support you further. 

Hope you can find the desired solution soon!

banned