Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello!
I'm not sure exactly how to explain my problem, but the gist is that the Dropdown menu is much too transparent to the point that it's hard to see it. What I would like to do is have the dropdown menu be completely white so that it covers the whatever is below it...if that makes sense. I've attached a photo for reference.
As you can see, the "Categories" dropdown the leads to "Hair care", etc. Except...it's quite difficult to see since the dropdown is not completely covering the picture that comes below it. Does anyone know how to fix this? I am currently using the Fashionopolism theme.
Solved! Go to the solution
This is an accepted solution.
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.header-section .navigation.full-nav .dropdown__menuitem {
background: #fff !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hey @naturalflow
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Hello @naturalflow
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.
Hi @naturalflow
Can you share a password to enter your site? So we can find out solution
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Thank you everyone for your quick replies. Here is a link and password:
jbeautynatural001
This is an accepted solution.
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.header-section .navigation.full-nav .dropdown__menuitem {
background: #fff !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Thank you! This worked perfectly!
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