New to Shopify, so thanks. How do I change a drop down menu so that the user can over instead of having to click to see drop down. When the user hoovers over All Collections, they must click on it to see the drop down.
Hey @lyalem,
Welcome to Shopify. In order to change the interaction of the Dropdown from click to hover requires to do the custom code in your theme file.
Could you please share your store url along with the collab code in the p/m so that I can take and do the requested changes.
Thanks
Our site has not been launched and actually, I would not be adverse to learning a bit about coding and Shopify. Is there a location for that?
Here’s another question- sort of related. We want the top menu I.e. in the attachment, “All Collections” to be clickable to another page. So I guess what we really want is the top item to be a link but also a dropdown.
Is this possible? Would we need two scripts?
Thanks for helping.
Hi @lyalem
Ok dear, please share your store URL and collaborator code with me so I can check and provide you with the proper solution.
You can fix it by modifying your theme header code. In your header.liquid or header-menu.js file find the click event on menu items and replace it with a hover event using css or js. Just Add a simple hover trigger like li:hover .dropdown {display:block;} so it open automatically.
Thanks. Any place you would recommend to learn about scripts in Shopify?
Does our store have to be live for you to do that?
Hi @lyalem
No, just send me the store URL and collaborate code, I’ll check it.
Hi @lyalem
Bro, I’ve sent you the request — please accept it.
https://b38a07-68.myshopify.com/ Ok, I have done that.