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

Store Design
1

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.

2

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!

3

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

4

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!

1 Like