Shopify themes, liquid, logos, and UX
I need help adding the search or magnifying glass icon to my home menu so that it appears on mobile devices. The icon only appears on computers and not on other devices.
Solved! Go to the solution
This is an accepted solution.
- Here is the solution for you @LuccaCornelio35
- Please follow these steps:
- Then find the header.liquid file.
- Find the code like this and copy.
Find the following code and add the copied code to the highlighted location.
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
If you can, please give me your number so that I can contact you in a more dynamic and efficient way. I'll be waiting.
This is an accepted solution.
please check inbox
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hello @LuccaCornelio35 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
- Here is the solution for you @LuccaCornelio35
- Please follow these steps:
- Then find the header.liquid file.
- Find the code like this and copy.
Find the following code and add the copied code to the highlighted location.
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
I don't know if I mentioned it to you, but my theme is a Danw theme modified by third parties, do you think it will still work following these steps?
Please follow the steps I instructed. I tested directly on your site so it should work. If not, you can contact me for help.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
So friend, I made the changes the way you told me, but they didn't work because the cart icon was duplicated as in the attached image.
This is an accepted solution.
If you can, please give me your number so that I can contact you in a more dynamic and efficient way. I'll be waiting.
This is an accepted solution.
please check inbox
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
@LuccaCornelio35 I think search is hidden on mobile then, can you please share the website link?
- Here is the solution for you @LuccaCornelio35
- Please follow these steps:
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Find file header.liquid
And add this code
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
<button aria-label="Name" name="Open Menu Mobile" x-on:click="mobileMenuOpen = true" type="button" class=" p-2 inline-flex items-center justify-center focus:outline-none">
{% render 'icon-menu' , color: section.settings.color_text_alignment %}
</button>
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you @LuccaCornelio35 .
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Shopify and our financial partners regularly review and update verification requiremen...
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