Search not working on mobile

Search not working on mobile

Aspynandivy
Visitor
1 0 0

Hey! I use the theme “fresh” For my shop and I am having some issues with my mobile search bar. It works on desktop, but it is nonresponsive on mobile. Any ideas or advice would be appreciated!!

 

aspynandivy.com

Replies 3 (3)

Emily
Shopify Staff (Retired)
1457 104 201

Hi, @Aspynandivy.

 

Due to Fresh being a third-party theme, it would be best for you to contact the theme developers direclty. They should be able to help you with this.

Emily | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

MooseDesk
Shopify Partner
628 70 185

Hi @Aspynandivy ,

 

Thanks for reaching out to the community. We are MooseDesk, a comprehensive Live Chat, FAQ & Helpdesk App designed to elevate your customer support experience.

I notice there's a header tag with the class name d-block. This is the reason why the search function on mobile devices isn't working (because the search input cannot appear on the screen). Could you please check the logic and remove the 'd-block' class name if possible?

 

<header id="site-header" class="clearfix d-none d-lg-block
top-bar-enabled">

 

I hope this answer addresses your question effectively. If you found it helpful, we’d appreciate a 'LIKE' for MooseDesk. If your issue is resolved, please mark this as 'SOLUTION’.

In the meantime, our MooseDesk Team is always here to help with customer support solutions. We’re passionate about improving your customer experiences through our Live Chat, FAQ, and Helpdesk App.

With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.

MooseDesk_0-1723114276855.png

 

 

  • Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

MooseDesk_1-1723114276854.png

 

 

Once again, keep up the fantastic work, and I wish you the best of luck in the future!

Was your question answered? Giving MooseDesk's reply a Like or marking it as an Accepted Solution!


MooseDesk - #All-in-one Customer Support and Helpdesk Solution for Shopify Merchants

Install now. Be our early bird and get all features free forever.

namphan
Shopify Partner
2695 349 397

Hi @Aspynandivy,

I checked and because you changed the structure of the header.liquid file, it caused the search to be hidden on mobile.

So you need to return the code if you want it to work and hire a professional to move the search to desktop.

I can also double check it with collaborator invite if you want.

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com