How to delete the magnifying glass for a Refresh theme?

[juand_16]

Hi,

I am trying to remove the magnifying glass which appears in my website without success.

I am trying to remove it both, out of the desktop sight and the mobile one.

Thank you!

[oscprofessional · Accepted solution]

@juand_16 

summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle {
    display: none;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid 

[GemPages]

Hello @juand_16 ,

It's the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[juand_16]

Hi, thank you for your quick answer. Here is the store's URL:

https://thrived-media.myshopify.com/

The website password is: owmpah

[oscprofessional]

@juand_16 ,

Can you share the screenshot?

[juand_16]

Here it is the screenshot:

Marked in red is the search icon I wish to delete.

The shopify theme is Refresh.

[oscprofessional · Accepted solution]

@juand_16 

summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle {
    display: none;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid 

[juand_16 · Accepted solution]

In the code within assets there isn't a base.scss.liquid. However, there is one called base.css

I input the code you sent in this manner, and it actually worked:

Thank you so much!

[oscprofessional]

@juand_16 ,

Please share the store URL so that I can let you know with best solution.

[juand_16]

Hi, thank you for your quick answer. Here is the store's URL:

https://thrived-media.myshopify.com/

The website password is: owmpah