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

Solved
Highlighted
Tourist
9 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

Hello 

Please share your site url.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
9 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 incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
9 0 0

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

0 Likes
Tourist
9 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 incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
9 0 0

It worked like a charm, thank you. :)

0 Likes
New Member
4 0 0

Hi,

 

I am also trying to remove the search bar from my empire theme. This code (unless I implemented it wrong) doesn't seem to be working for our site. Nothing happens when I add it in.

0 Likes

Hello @Stephanie777,

Please share your site url

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes