Shopify themes, liquid, logos, and UX
Hi Everyone,
My dropdown menu getting hide behind other section.
store link - https://www.urbanwyrm.co.uk/
Solved! Go to the solution
This is an accepted solution.
Add this code to the custom.css file
body .header-section--wrapper {
z-index: 9999;
position: relative;
}
Hello! @hem0903 Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.
body .site-nav__dropdown {
z-index: 999 !important;
}
If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Hi can't locate base. css, i am using flow theme, and i am putting this code in that particular section nothing happens, it shows "body.site-nav__dropdown" did not used in this section.
This is an accepted solution.
Add this code to the custom.css file
body .header-section--wrapper {
z-index: 9999;
position: relative;
}
Hi, I'm using the "Origin" theme and have tried all your code recommendations. I'm placing them in base.css at the bottom but nothing is working. My drop down navigation menu is going behind an image banner. Can you help?
Here is the output.
Yes it is woking, thankyou so much
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025