For some reason on mobile, our search bar and menu bar are not clickable. Is there something within the code blocking them?
Please help this is urgent.
Thank you!
Topic summary
A website owner reports that the search bar and menu bar are not clickable on mobile devices, particularly on first page load. The issue appears to affect mobile browsers specifically.
Initial Diagnosis:
- One responder notes the menu drawer and search icon work on home and product pages but may fail on collection pages
- The issue likely stems from JavaScript not properly applying a ‘menu_open’ class to the body element when the hamburger menu is clicked
- Collection template may not be receiving the necessary JavaScript
Current Status:
- Another user confirms functionality works in desktop browser view
- The problem is isolated to mobile browsers on initial load
- Further investigation of the theme code is recommended to identify the blocking element or JavaScript conflict
Resolution: Ongoing - requires code-level debugging to resolve the mobile-specific JavaScript issue.
Hi @GSF20171 ,
By the initial look, menu drawer and search icon is working on home page, product page, but I think its not working on collection pages. Either its some settings from the theme or there is some issue with JavaScript, there should be a class ‘menu_open’ on the body element, when the hamburger is being clicked. Most probably the JavaScript is not being applied to the collection template.
Looking inside the theme code will be helpful.
Thanks.
Best regards,
Farhan Rifat
If this helped solve your issue, a Like and Accept as Solution would mean the world to me! 
If you’d like to go the extra mile, your kind Coffee Tips keep my creativity and dedication brewing! 
Cheers to creating awesome Shopify solutions together! 
@GSF20171 I checked it on browser view and it is working fine across the pages, on which page are you facing this issue?
On mobile browsers, usually on first load up the search button and menu button unfortunately do not work.
Thanks!