Search magnifiying glass in header

Solved

Search magnifiying glass in header

cinderella518
Excursionist
28 3 20

I received code earlier and it got me the word "search" and the word "Log In" which is what I wanted in the header next to "Cart" but I must have done something wrong because the magnifying glass is on top of the word "Search".

Using Dawn theme.

Did I need to remove the icon in another line of code?

 

https://uniquegiftsandkeepsakes.com/

geefle

 

Thank you in advance!

Accepted Solution (1)

SafeerAhmed
Excursionist
43 9 11

This is an accepted solution.

Hey 
add this code at the end of assets/base.css 

summary.header__icon.header__icon--search { 
width: 10rem;
 }
summary.header__icon {
 display: flex ; 
justify-content: space-between; }
Safeer Ahmed | Shopify Expert & Developer
Specialist in Shopify Development & Custom Shopify Solutions
Let's connect:safeerahmed23901@gmail.com
If my response helped, give it a like & mark it as a solution!

View solution in original post

Replies 3 (3)

SafeerAhmed
Excursionist
43 9 11

This is an accepted solution.

Hey 
add this code at the end of assets/base.css 

summary.header__icon.header__icon--search { 
width: 10rem;
 }
summary.header__icon {
 display: flex ; 
justify-content: space-between; }
Safeer Ahmed | Shopify Expert & Developer
Specialist in Shopify Development & Custom Shopify Solutions
Let's connect:safeerahmed23901@gmail.com
If my response helped, give it a like & mark it as a solution!
cinderella518
Excursionist
28 3 20

It worked thank you!

SafeerAhmed
Excursionist
43 9 11

Glad to hear that 🙂

Safeer Ahmed | Shopify Expert & Developer
Specialist in Shopify Development & Custom Shopify Solutions
Let's connect:safeerahmed23901@gmail.com
If my response helped, give it a like & mark it as a solution!