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
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025