Solved

Refresh Theme - Search Button - Need help to remove it

Georgi123gg
Visitor
2 0 3

Hi there, 

I need help removing the search icon and option entirely from the header and anywhere else on my store using the new free Refresh Theme 2.0. Unfortunately I am not that good with code to be able to do it as it turns out.

There isn't an option to do it in the theme itself and I've tried a lot of different things by now with no success.

Does anyone have any idea where in the code and what I need to do to make this change and make it disappear. 

Thank you in advance.

Regards,
Georgi

Accepted Solutions (2)

ExpertRookie
Shopify Partner
1518 249 314

This is an accepted solution.

@Georgi123gg 

 

Add this code to the bottom of Theme > Edit code > assets > base.css file

.header__search {
    display: none !important;
}

Try it and let me know

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

View solution in original post

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hello @Georgi123gg ,

 

I would like to give you a recommendation to support you:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1669310982306.png

 

2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.header .header__search {
  dislay: none;
}
</style>

 

For example,

GemPages_1-1669311162632.png

 

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 6 (6)

ExpertRookie
Shopify Partner
1518 249 314

This is an accepted solution.

@Georgi123gg 

 

Add this code to the bottom of Theme > Edit code > assets > base.css file

.header__search {
    display: none !important;
}

Try it and let me know

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hello @Georgi123gg ,

 

I would like to give you a recommendation to support you:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1669310982306.png

 

2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.header .header__search {
  dislay: none;
}
</style>

 

For example,

GemPages_1-1669311162632.png

 

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
austenmontouri
Tourist
20 0 3

Hi im doing the steps you provided but its not removing the search button, am i missing something

PageFly-Victor
Shopify Partner
7865 1785 3050

Hi @Georgi123gg ,

 

This is Victor from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file -> Save

 

.header__icons details-modal.header__search {

    display: none !important;

}

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

Georgi123gg
Visitor
2 0 3

Thanks everyone, The issue has been resolved and I've marked the working solutions.

If someone is thinking to do this, make sure to paste the code somewhere in the upper part of the base.css not on the bottom.

GemPages
Shopify Partner
5588 1261 1203

Hello @Georgi123gg ,

 

I am so glad that my solution can help.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center