Refresh Theme - Search Button - Need help to remove it

Solved
Georgi123gg
New Member
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)

Accepted Solutions
ExpertRookie
Shopify Partner
1217 202 234

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
1049 230 211

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 5 (5)
ExpertRookie
Shopify Partner
1217 202 234

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
1049 230 211

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
PageFly-Victor
Shopify Partner
4522 747 2097

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

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

Georgi123gg
New Member
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
1049 230 211

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