How can I move the search icon to the right in Craft theme?

Store Design
1

Currently, I am using the craft theme where the search icon is positioned on the left-hand side, my logo is centered, and the shopping bag icon is on the right-hand side. I wish to relocate the search icon to the right-hand side so that it is adjacent to the shopping bag icon. Many thanks.

1 Like
2

Hi @kelletran ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file

@media (min-width: 990px) {
.header--top-center > .header__search {
grid-area: icons !important;
display: flex !important;
justify-self: end !important;
padding-right: 77px !important;
}
}

Hope my answer will help you.

Kate from PageFly Team

3 Likes
3

Perfectly! Thank you so much