I just uploaded the new Dawn 10.0 version and my code to have the search icon on the right is no longer working. Right now my search icon is showing up on the left margin of the header. But I would like it to be on the right, alongside the account and cart icons. Can someone please help me.
Hi @rivahviewhome ,
Would you mind to share your URL website and with password if its protected? Thanks!
Yes. It’s www.rivahviewhome.com
PW; rivahviewhome
Hi @rivahviewhome ,
Thank you for the information. Try this.
- 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 “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
.header>.header__search {
grid-area: right-icons;
}
details-modal.header__search:nth-child(2) {
grid-row: 1;
margin-left: 5px;
}
Result:
I hope it help.
It worked. Thank you so much!
Your welcome, ![]()
I will try would you mind to share your URL website? with password if its protected. Thanks!
Hi,
The url is :https://prettyprettyplease.fr
Password:Naomi
and do you have a code to move the localization selector to the right where the search icon was before ?
Thank you for the information. Do you mean move to the far right the local selector? exhange to the search Icon area? Im sorry I cant remember where the search icon located before. ![]()

