A user encountered an issue where dropdown menu links positioned over a clickable hero image were not functioning properly. When hovering over menu items that overlapped the hero image, clicking would trigger the hero image link instead of the intended menu link. This problem was particularly severe on mobile devices.
Solution provided:
Outcome:
The fix successfully resolved the issue on both desktop and mobile. Another user experiencing the same problem requested clarification on implementation, which was provided with the same step-by-step instructions.
Hi,
I am having major issues, I have a clickable hero image for my new arrivals, but when using my drop down menu, any of the links that falls over the hero image, the hero image gets click, not the actual link on the drop down menu. It is worse on mobile since it automatically just goes to the new arrivals (hero image link) instead of per example jewelry.
Here is my site: thebeaverboutique.com
Hi @Misombra
You can solve it by adding this css code to theme.liquid file before tag in Online store > Themes > Edit code
You saved me! It works and works perfectly on desktop and mobile.
Happy I could help!
Sounds good, will help me about, Iām having this issue where you put that code?
Go to your Online store > Themes > Edit code > open theme.liquid file, add code before tag
Alright, thanks