Shopify themes, liquid, logos, and UX
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.
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!
@AvadaCommerce Thanks for the response... the code you supplied did not change the icon location.
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!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025