Search Icon Header

Search Icon Header

bagdonaviciusbm
Tourist
32 0 3

Is there a way to enable the search feature on the mobile header section? Currently, when I try to enable it with code, one icon appears on the left side of the logo and one appears on the right.

I had the exact same issue on the PC, which was resolved with this code:

 

.details-modal.header__search.block { display: none; }
@media screen and (min-width: 768px) { .header--top-center>.header__search { display: none !important; }

Any help please?

Replies 4 (4)

niraj_patel
Shopify Partner
2378 514 511

Replace with this
@media screen and (max-width: 768px) {

   .header--top-center>.header__search {

       display: none !important;

    }

}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]
bagdonaviciusbm
Tourist
32 0 3

The search icon is completely gone now

osamafarooqi71
Shopify Partner
259 22 44

Hey @bagdonaviciusbm  , would you like to share the store URL. So, I can look further into your request.

 

Regards, 
Osama Farooqi

Shopify Theme Developer | Contact me | Hire expert
- Was my reply helpful? Click Like 🙂 to let me know | Buy Me Coffee
- Was your question answered? Mark this as Accepted Solution
bagdonaviciusbm
Tourist
32 0 3

wildbrews.co