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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025