Has anybody encountered drop down issues like this? I have not touched any of the styling. Any advice helps.
Topic summary
A user reported dropdown navigation menu issues in their Shopify store, noting they hadn’t modified any styling. An image was shared showing the problem.
Solution Provided:
- Add custom CSS code to
theme.liquidfile (before the</body>tag) - The fix involves setting
z-index: 3!importanton.header__submenuwhen details are open - This resolves the layering/display issue with the dropdown menu
Implementation Steps:
- Navigate to: Online Store → Edit Code → theme.liquid
- Insert the provided CSS style block
- Save changes
The responder confirmed the solution works with a follow-up screenshot and offered additional support via WhatsApp if needed. The issue appears resolved through this CSS z-index adjustment.
give us the store URL then we will able to help you.
You will also have to use a password “devaoe”, Thank You!
@edodgen Hello,
Please add the below code above in theme.liquid
online store >> edit code >> theme.liquid
details[open]>.header__submenu{ z-index: 3!important; }after added the given code dropdown looks like this.
If our solution is helpful for you then Please like the post and tap on accepted.
If you want to discuss any further information then please contact us on our whatsapp.
We will always here for your help.
Thankyou 
1 Like