Moving search icons

will0977
New Member
3 0 0

Hello-

We would like to move the search icon to the left of the account icon per the photo below. 

Our URL is 925fit.com and the theme is Modular. 

Thanks for your help!

Sarah

Search Bar Location.jpg

 

0 Likes
Anthony_David_
Trailblazer
214 27 85

Hello @will0977 

I cannot see any search on your store.

Anthony_David__0-1626974409004.png



Thanks

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes
Nick_Marketing
Shopify Partner
229 37 56

Hi @will0977 !

Try adding this code at the very bottom of theme.scss file

 

 .header-icons{
    display: flex; 
  flex-direction: row;
}

.header-icons > .nav-item.nav-item-fixed.nav-account-link{ order: 2; }
.header-icons > .nav-item.searchToggle.js-searchToggle{ order: 1; }
.header-icons > .nav-item.nav-item-fixed.js-cartToggle{ order: 3; } 

 

 

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
0 Likes