Thank you so much. I struggled to find the location of the z-index. This fixed it!
Topic summary
A user encountered an issue where dropdown menu items on their Shopify store’s homepage were unclickable due to interference from a custom image slideshow banner. When attempting to click menu items, the banner image was being selected instead.
Root Cause:
- The slideshow image had a z-index value of 8, causing it to layer above the navigation menu
- This prevented proper interaction with the Header__Submenu elements
Solution Provided:
- Locate the image element in the theme code (specifically the slideshow banner)
- Change the z-index from 8 to 1
- Alternative suggestion included adding custom CSS code through the theme editor
Outcome:
The issue was successfully resolved after adjusting the z-index value. The menu items now function correctly across all pages including the homepage.
1 Like