I’m trying to find a code to remove the search bar from the header on my sense theme, so far I’ve used the below code for my web version but i can’t find a version for it to remove it from the mobile version .header__icon–search { display: none; } url: powerfoampro.com

Im not sure why was that, would you mind to paste it on the theme.liquid open the file and find the tag and paste the code below before this tag. And Save. Please dont forget to refresh always. Thanks!

Hi @bebop87 Would you mind to share your Store URL website? with password if its unpublish. Thanks!

Thanks! Try this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to…

[I added the code on the bottom of base.css but still no results ;(] I copied code to bottom of base.css but still no results ;(

Oh, Can you replace with this one. @media only screen and (max-width: 989px){ .header__icon--search { display: none !important; } } And Save. Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

I replaced old code with new solution code to no avail :confused: could there be something else I’m doing wrong?

Seems like there is something wrong with your base.css.

Hi @bebop87 This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea: Online Store ->Theme ->Edit code Assets ->Base.css @media only screen and (max-width: 767px){ .header__icon--search { display: none !important; } } Hope you find my answer helpful! Best r…

Hello. I am trying to do the same but it is not working for me either - can you help?

Remove Search Bar On Mobile Version, Sense Theme

Store Design

bebop87 November 5, 2023, 8:48pm 3

powerfoampro.com

1 Like

Topic		Replies	Views
I want to remove the search icon on mobile Store Design header , customizations , html	5	38	December 9, 2024
How can I remove the search bar on mobile using Dawn Theme? Technical Q&A css , shopify-theme	7	47	December 8, 2023
Search Icon on Mobile Store Design design , header , landing-page , shopify-themes	12	124	July 22, 2024
Remove the search icon from the Shopify Dawn Them only on mobile Technical Q&A javascript , css , html , shopify-theme	6	56	December 22, 2023
How to remove search bar from header in mobile version Store Design header	2	54	October 19, 2023

Remove Search Bar On Mobile Version, Sense Theme

Related topics