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
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕ .
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
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!
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024