Shopify themes, liquid, logos, and UX
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?
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.
The search icon is completely gone now
Hey @bagdonaviciusbm , would you like to share the store URL. So, I can look further into your request.
Regards,
Osama Farooqi
wildbrews.co
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025