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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025