I am trying to remove the search bar on the Empire theme Graphic. How do I do that?

Solved
Tourist
8 0 0

I have been looking to other posts and tried different codes on the theme.scss.liquid but none of them are working so far. I think it depends on the template, and so far I have not found an answer for the Empire theme.

Thank you.

0 Likes
Highlighted

Hello 

Please share your site url.

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
1 Like
Tourist
8 0 0

thegymthug.com

0 Likes

Hello 

 Add this css at the end of : 

Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.live-search.live-search--focused {
    display: none;
}
Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
0 Likes
Tourist
8 0 0

I added the code under assets, theme.scss.liquid, but the search bar at the top is still showing. 

0 Likes
Tourist
8 0 0
I forgot to mention that the search bar is still there, but when I click on it disappears. I just would like to not have it at all there on the top.
0 Likes

Success.

Hello 
Okay.
Remove that code and add below css :

.live-search {
    display: none;
}
Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
1 Like
Tourist
8 0 0

It worked like a charm, thank you. :)

0 Likes